【代码收集】首页头部广告（轮播，带背景）代码

森森

演示地址一：驻马店论坛       http://bbs.zmd5.com/  注册页面显示。

演示地址二：品味赣州论坛：http://bbs.go0797.com

1. <div id="ad_headerbanner" class="olympic">
   
2.                         <div class="clt">
   
3.                                         <div id="xbox" v
   
4. align="right" style="width:680px;height:74px;filter:revealTrans(duration=1,transition=20);background-image: url(ad/lunhuan/banner_index.gif)"><div id="g_div" style="width:468px;height:76px"align="right"><a
   
5. href="go0797register.php" target=_blank><img src="ad/lunhuan/zhuce.gif" name="g_img" border="0"
   
6. id="g_img" style="FILTER:revealTrans(duration=1,transition=23);width:468px;height:76px;border:0px #62d3fd solid"></a>
   
7. <a href="forumdisplay.php?fid=320" for="ad/lunhuan/lipin.gif"target="_blank"></a>
   
8. <a href="forumdisplay.php?fid=324" for="ad/lunhuan/qiandao.gif"target="_blank"></a>
   
9. <a href="viewthread.php?tid=34573" for="ad/lunhuan/hexie.gif"target="_blank"></a></div>
   
10. <script language="JavaScript">
    
11. function f(){
    
12. var g_sec=4          //几秒后切换图片
    
13. var g_items=new Array()
    
14. var g_div=document.getElementById("g_div")
    
15. var g_imglink=g_img.parentElement
    
16. var arr=g_div.getElementsByTagName("A")
    
17. var arr_length=arr.length
    
18. var g_index=1
    
19. var show_img=function(n){  
    
20.    if (/\d+/.test(n)){
    
21. var prev=g_index+1
    
22. g_index=n-1
    
23.    }else{   
    
24. var prev=(g_index>arr.length)?(arr_length-1):g_index+1
    
25. g_index=(g_index<arr_length-2)?(++g_index):0
    
26.    }
    
27.    if (document.all){
    
28.    g_img.filters.revealTrans.Transition=23;
    
29.   g_img.filters.revealTrans.apply();
    
30.   g_img.filters.revealTrans.play();
    
31.     }
    
32. arr[prev].className="b"  
    
33. arr[g_index+1].className="bhover"
    
34. g_img.src=g_items[g_index].img.src
    
35. g_img.title=g_items[g_index].txt
    
36. g_imglink.href=g_items[g_index].url  
    
37. g_imglink.target=g_items
    
38. [g_index].target
    
39.   }
    
40. for(var i=1;i<arr_length;i++){
    
41. g_items.push({txt:arr.innerHTML,
    
42. url:arr.href,
    
43. target:arr.target,
    
44. img:(function(){var o=new Image;o.src=arr.getAttribute("for");return o})()})
    
45. arr.title=arr.innerHTML
    
46. arr.className="b"
    
47. arr.onclick=function(){
    
48. event.returnValue=false;
    
49. show_img(event.srcElement.innerText)
    
50. }
    
51. }
    
52. show_img(1)
    
53. var t=window.setInterval(show_img,g_sec*1000)
    
54. g_img.onmouseover=function(){window.clearInterval(t)}
    
55. g_img.onmouseout=function(){t=window.setInterval(show_img,g_sec*1000)}  
    
56. }
    
57. window.attachEvent("onload",f)
    
58. </script>
    
59. </div>
    
60. </div>
    
61. </div>