-6 25

厦门小鱼网广告轮播代码

Category:电脑专业 View: Author:zesee

第一步：在后台加入html代码广告：
<iframe src="http://你的域名/pro/728_90.html" width="728" height="90" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"></iframe>

第二步：上传以下代码到http://你的域名/pro/，并命名为728_90.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>轮播</title>
<style>
#ad_headerbanner{margin:0 auto;text-align:center;}
</style>
</head>

<body>
<div id="ad_headerbanner" class="olympic">
                        <div class="clt">
                                        <div id="xbox" style="width:728px;height:90px;filter:revealTrans(duration=1,transition=20);"><div id="g_div" style="width:728px;height:90px"><a
href="广告目标地址" target=_blank><img src="图片目标地址" name="g_img" border="0"
id="g_img" style="FILTER:revealTrans(duration=1,transition=23);width:728px;height:90px;border:0px #62d3fd solid"></a>
<a href="广告目标地址" for="图片目标地址"target="_blank"></a>
<a href="广告目标地址" for="图片目标地址"target="_blank"></a>
<a href="广告目标地址" for="图片目标地址"target="_blank"></a></div>
<script language="JavaScript">
function f(){
var g_sec=5          //几秒后切换图片
var g_items=new Array()
var g_div=document.getElementById("g_div")
var g_imglink=g_img.parentElement
var arr=g_div.getElementsByTagName("A")
var arr_length=arr.length
var g_index=1
var show_img=function(n){ 
   if (/\d+/.test(n)){
var prev=g_index+1
g_index=n-1
   }else{  
var prev=(g_index>arr.length)?(arr_length-1):g_index+1
g_index=(g_index<arr_length-2)?(++g_index):0
   }
   if (document.all){
   g_img.filters.revealTrans.Transition=23;
  g_img.filters.revealTrans.apply();
  g_img.filters.revealTrans.play();
    }
arr[prev].className="b" 
arr[g_index+1].className="bhover"
g_img.src=g_items[g_index].img.src
g_img.title=g_items[g_index].txt
g_imglink.href=g_items[g_index].url 
g_imglink.target=g_items
[g_index].target
  }
for(var i=1;i<arr_length;i++){
g_items.push({txt:arr[i].innerHTML,
url:arr[i].href,
target:arr[i].target,
img:(function(){var o=new Image;o.src=arr[i].getAttribute("for");return o})()})
arr[i].title=arr[i].innerHTML
arr[i].className="b"
arr[i].onclick=function(){
event.returnValue=false;
show_img(event.srcElement.innerText)
}
}
show_img(1)
var t=window.setInterval(show_img,g_sec*1000)
g_img.onmouseover=function(){window.clearInterval(t)}
g_img.onmouseout=function(){t=window.setInterval(show_img,g_sec*1000)} 
}
window.attachEvent("onload",f)
</script>
</div>
</div>
</div>
</body>
</html>


第三步，上传相应的图片到图片目标地址中，注意图片大小为728*90，也可以在以上代码中做相应修改，并修改图片大小。

Share
评论(0)

相关文章:

发表评论

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。