Rumah > hujung hadapan web > tutorial js > Berbilang iklan imej secara bergantian memaparkan kod kesan yang dilaksanakan dalam kemahiran JavaScript_javascript

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

WBOY
Lepaskan: 2016-05-16 15:40:49
asal
1513 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.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan