我想加效果 就是让 链接自动播放起来 默认是链接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>
10 个解决方案
#1
图片地址已经提供 无需修改
#2
跟图片的延迟加载一样
jquery已经提供了相关的函数了
jquery已经提供了相关的函数了
#3
我就只想用javascript完成 功能 无需其他的ajax jquery什么的
#4
各位大侠帮帮忙 只解决自动换链接的问题就可以了 过度特效不用了
#5
<!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>
#6
楼上的代码 不能实现我要的功能啊
#7
你不是要点击链接然后点图就跳转到相应地址吗~·
#8
我的代码已经实现了啊 你可以测试 我的意思是说 链接 1 2 3 4 5 不用点击 自动播放 许多网站都有这种导航的效果自动换的
#9
参考此网站啊 不用点击 链接自动切换 点击也可切换 bbs.a9vg.com 左上角
#10
谁帮帮我 啊 各位大侠
#1
图片地址已经提供 无需修改
#2
跟图片的延迟加载一样
jquery已经提供了相关的函数了
jquery已经提供了相关的函数了
#3
我就只想用javascript完成 功能 无需其他的ajax jquery什么的
#4
各位大侠帮帮忙 只解决自动换链接的问题就可以了 过度特效不用了
#5
<!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>
#6
楼上的代码 不能实现我要的功能啊
#7
你不是要点击链接然后点图就跳转到相应地址吗~·
#8
我的代码已经实现了啊 你可以测试 我的意思是说 链接 1 2 3 4 5 不用点击 自动播放 许多网站都有这种导航的效果自动换的
#9
参考此网站啊 不用点击 链接自动切换 点击也可切换 bbs.a9vg.com 左上角
#10
谁帮帮我 啊 各位大侠