|
|
|
| 第一互联|广州自助建站中心 作者:net
来源: 文字大小:[大][中][小] |
<style>
#g_div{}{text-align:right;overflow:hidden}
b{}{width:24px; height:16px; background:#737373; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
b:hover{}{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
bhover{}{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
</style>
<div id="g_div" style="width:300px;height:252px"><a
href="#" target=_blank><img
id="g_img" style="FILTER:revealTrans(duration=1,transition=23);width:300px;height:220px;border:1px green solid" src="http://www.diy1.com.cn/pic/1166g/6.jpg"></a>
<a href="http://www.diytop.com.cn/" for="http://www.diy1.com.cn/pic/1166g/1.jpg"target="_blank"></a>
<a href="http://www.diytop.com.cn/" for="http://www.diy1.com.cn/pic/1166g/2.jpg"target="_blank"></a>
<a href="http://www.diytop.com.cn/" for="http://www.diy1.com.cn/pic/1166g/3.jpg"target="_blank"></a>
<a href="http://www.diytop.com.cn/" for="http://www.diy1.com.cn/pic/1166g/4.jpg"target="_blank"></a>
<a href="http://www.diytop.com.cn/" for="http://www.diy1.com.cn/pic/1166g/5.jpg"target="_blank"></a></div>
<script language="JavaScript">
function f(){
var g_sec=3 //几秒后切换图片
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].innerHTML=[i," "].join("")
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>
|
|
![http://www.diy1.com.cn/pic/1166g/6.jpg"></a](http://www.diy1.com.cn/pic/1166g/6.jpg"></a){kind=link}
![http://www.diy1.com.cn/pic/1166g/1.jpg"target="_blank"></a](http://www.diy1.com.cn/pic/1166g/1.jpg"target="_blank"></a){kind=link}
![http://www.diy1.com.cn/pic/1166g/2.jpg"target="_blank"></a](http://www.diy1.com.cn/pic/1166g/2.jpg"target="_blank"></a){kind=link}
![http://www.diy1.com.cn/pic/1166g/3.jpg"target="_blank"></a](http://www.diy1.com.cn/pic/1166g/3.jpg"target="_blank"></a){kind=link}
![http://www.diy1.com.cn/pic/1166g/4.jpg"target="_blank"></a](http://www.diy1.com.cn/pic/1166g/4.jpg"target="_blank"></a){kind=link}
![http://www.diy1.com.cn/pic/1166g/5.jpg"target="_blank"></a></div](http://www.diy1.com.cn/pic/1166g/5.jpg"target="_blank"></a></div){kind=link}