用一段js程序来实现动画功能
发布时间：2007-03-06 作者： 来源：转载
自从ie对flash的显示方式进行改变后，flash这个东西一下子变成了一个鸡肋。许许多多的网站都撤掉了以前的flash动画，改用一段js程序来实现动画功能.csdn首页也是如此。。我无聊，自己写了一个，特点如下：1.对搜索引擎友好2.对美工友好，因为数据和代码是分开
functionf(){
varg_sec=3//几秒后切换图片
varg_items=newArray()
varg_div=document.getElementById("g_div")
varg_img=document.getElementById("g_img")
varg_imglink=g_img.parentElement
vararr=g_div.getElementsByTagName("A")
vararr_length=arr.length
varg_index=1
varshow_img=function(n){
if(/d+/.test(n)){
varprev=g_index+1
g_index=n-1
}else{
varprev=(g_index>arr.length)?(arr_length-1):g_index+1
g_index=(g_index}
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(vari=1;ig_items.push({txt:arr[i].innerHTML,
url:arr[i].href,
target:arr[i].target,
img:(function(){varo=newImage;o.src=arr[i].getAttribute("for");returno})()})
arr[i].title=arr[i].innerHTML
arr[i].innerHTML=[i,""].join("")
arr[i].className="b"
arr[i].onclick=function(){
event.returnValue=false;
show_img(event.srcElement.innerText)
}
}
show_img(1)
vart=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)
