Berbilang iklan imej secara bergantian memaparkan kod kesan yang dilaksanakan dalam kemahiran JavaScript

Berbilang iklan imej secara bergantian memaparkan kod kesan yang dilaksanakan dalam kemahiran JavaScript_javascript

WBOY

Lepaskan： 2016-05-16 15:40:49

asal

1430 orang telah melayarinya

Contoh dalam artikel ini menerangkan kod kesan paparan ganti bagi berbilang iklan imej yang dilaksanakan dalam JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Berikut ialah demonstrasi kesan penggunaan JavaScript untuk memaparkan berbilang iklan imej Sepanduk secara bergilir-gilir Jika tapak web anda sangat bagus dan ruang pengiklanan penuh, anda boleh mempertimbangkan untuk membenarkan berbilang iklan imej dipaparkan secara bergilir-gilir dan pautan akan. juga berubah dengan sewajarnya. Ini bukankah ia menjimatkan ruang pengiklanan anda? Ideanya bagus, tetapi saya tidak tahu sama ada kesan pengiklanan akan menjadi sebaik Ini memerlukan percubaan.

Tangkapan skrin kesan berjalan adalah seperti berikut:

Alamat demo dalam talian adalah seperti berikut:

http://demo.jb51.net/js/2015/js-npic-cha-adv-style-codes/

Kod khusus adalah seperti berikut:

<html>
<head>
<title>图片广告交替显示</title>
<script language="JavaScript" type="text/JavaScript">
<!--
var urlArray = new Array(3); 
var banArray = new Array(3); 
var counter = 1;
var url = "http://www.jb51.net/"; //initial URL
urlArray[0] = "http://www.jb51.net/";
urlArray[1] = "http://www.baidu.com/";
urlArray[2] = "http://www.163.com/";
if(document.images) 
{
 for(i = 0; i < 3; i++)
 {
  banArray[i] = new Image(200, 60);
  banArray[i].src = "images/wall_s" + (i+1) + ".jpg";
 }
}
function changeBanner() 
{
 if(counter > 2)
  counter = 0;
 document.banner.src = banArray[counter].src; //sets a new banner
 url = urlArray[counter]; 
 counter++; 
}
var timer = window.setInterval("changeBanner()", 3000);
//-->
</script>
</head>
<body>
<a href="#" onClick="window.open(url,'BannerWin');">
<img src="images/wall_s1.jpg" width=200 height=60 border=0 
name="banner"></a>
</body>
</html>

Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.