我想给自己写的导航代码加自动换到下一个链接的代码

jayhai 2011-08-16 11:39:22

现在点击链接 1 2 3 4 5 能切换到对应的图片上点击图片能到达设置的链接

我想加效果就是让链接自动播放起来默认是链接1 等几秒（时间可以自己设置）换到下个链接2 不停的1到5自动换这个效果许多网站的首页经常用到

可以参考此网站的左上图片导航栏 http://bbs.a9vg.com 无需flash 先解决上面问题解决了我想要加类似此网站链接转换过度的效果改怎么搞



<!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=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" defer="defer">



var s;



function i1(s){

	this.s=s;

	document.getElementById("imggg").src="http://yzz.web.officelive.com/1.jpg";

	}

	

function i2(s){

	this.s=s;

	document.getElementById("imggg").src="http://yzz.web.officelive.com/2.jpg";

	}	



function i3(s){

	this.s=s;

	document.getElementById("imggg").src="http://yzz.web.officelive.com/3.jpg";

	}



function i4(s){

	this.s=s;

	document.getElementById("imggg").src="http://yzz.web.officelive.com/4.jpg";

	}

	

function i5(s){

	this.s=s;

	document.getElementById("imggg").src="http://yzz.web.officelive.com/5.jpg";

	}	



function ddd(){

	if(s==undefined) s="http://www.baidu.com/";

	window.open(s);

	}

</script>

</head>



<body>

<table width="212" border="0" cellspacing="0">

  <tr>

    <td><img id="imggg" src="http://yzz.web.officelive.com/1.jpg" width="220" onclick="ddd();" height="141" /></td>

  </tr>

  <tr>

    <td><a id="img1" href="#"  onclick="i1('http://www.baidu.com/');">1</a> <a id="img2" href="#" onclick="i2('http://www.163.com/');">2</a> <a href="#" onclick="i3('http://www.ali213.net')">3</a> <a href="#" onclick="i4('http://www.library.hn.cn/')">4</a> <a href="#" onclick="i5('http://www.gougou.com')">5</a></td>

  </tr>

</table>







</body>

</html>

...全文

172 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

jayhai 2011-08-18

打赏
举报

谁帮帮我啊各位大侠

jayhai 2011-08-17

打赏
举报

我就只想用javascript完成功能无需其他的ajax jquery什么的

ycproc 2011-08-17

打赏
举报

跟图片的延迟加载一样
jquery已经提供了相关的函数了

MuBeiBei 2011-08-17

打赏
举报

<!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=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" defer="defer">



var s;



function i1(s){

    document.getElementById("imggg").setAttribute('s',s);

    document.getElementById("imggg").src="http://yzz.web.officelive.com/1.jpg";

    }

    

function i2(s){

    document.getElementById("imggg").setAttribute('s',s);

    document.getElementById("imggg").src="http://yzz.web.officelive.com/2.jpg";

    }    



function i3(s){

    document.getElementById("imggg").setAttribute('s',s);

    document.getElementById("imggg").src="http://yzz.web.officelive.com/3.jpg";

    }



function i4(s){

    document.getElementById("imggg").setAttribute('s',s);

    document.getElementById("imggg").src="http://yzz.web.officelive.com/4.jpg";

    }

    

function i5(s){

    document.getElementById("imggg").setAttribute('s',s);

    document.getElementById("imggg").src="http://yzz.web.officelive.com/5.jpg";

    }    



function ddd(){

    var s = document.getElementById("imggg").getAttribute('s');

    window.open(s);

    }

</script>

</head>



<body>

<table width="212" border="0" cellspacing="0">

  <tr>

    <td><img id="imggg" src="http://yzz.web.officelive.com/1.jpg" width="220" onclick="ddd();" height="141" /></td>

  </tr>

  <tr>

    <td><a id="img1" href="#"  onclick="i1('http://www.baidu.com/');">1</a> <a id="img2" href="#" onclick="i2('http://www.163.com/');">2</a> <a href="#" onclick="i3('http://www.ali213.net')">3</a> <a href="#" onclick="i4('http://www.library.hn.cn/')">4</a> <a href="#" onclick="i5('http://www.gougou.com')">5</a></td>

  </tr>

</table>







</body>

</html>