cari

Rumah  >  Artikel  >  hujung hadapan web  >  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
WBOYasal
2016-05-16 15:40:491479semak imbas

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>

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

Kenyataan：
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
Artikel sebelumnya：jQuery tab kanan fokus imej karusel kesan khas kod sharing_jqueryArtikel seterusnya：jQuery tab kanan fokus imej karusel kesan khas kod sharing_jquery

Artikel berkaitan

Lihat lagi