在dreamweaver中如何设置多张图片 当鼠标点击一下它就跟换一张图片 循环更换 30
在dreamweaver中如何设置多张图片当鼠标点击一下它就跟换一张图片循环更换如果是设计框中做请说明详细步骤如果是代码请只复制该部分的代码谢谢...
在dreamweaver中如何设置多张图片 当鼠标点击一下它就跟换一张图片 循环更换 如果是设计框中做 请说明详细步骤 如果是代码 请只复制该部分的代码 谢谢
展开
3个回答
展开全部
简单的代码如下 加在body里 需要外加div的再追问
<script language="JavaScript" type="text/javascript">
function fn(n){
var nextn;
if(n==3){nextn=1;}
else{nextn=n+1;}
document.getElementById("img"+n).style.display="none";
document.getElementById("img"+nextn).style.display="block";
}
</script>
<img id="img1" src="http://ww4.sinaimg.cn/thumbnail/8b891db6jw1eby6amy4q3j20aw08tdgk.jpg" onclick="fn(1)" style="display:block;"/>
<img id="img2" src="http://ww2.sinaimg.cn/thumbnail/7f0b4796jw1ebws054f3ij20c80910uc.jpg" onclick="fn(2)" style="display:none;"/>
<img id="img3" src="http://ww1.sinaimg.cn/thumbnail/6628711bgw1eby5kb7fphj205t04cmx6.jpg" onclick="fn(3)" style="display:none;"/>
度娘这个代码显示真无语。。。
<script language="JavaScript" type="text/javascript">
function fn(n){
var nextn;
if(n==3){nextn=1;}
else{nextn=n+1;}
document.getElementById("img"+n).style.display="none";
document.getElementById("img"+nextn).style.display="block";
}
</script>
<img id="img1" src="http://ww4.sinaimg.cn/thumbnail/8b891db6jw1eby6amy4q3j20aw08tdgk.jpg" onclick="fn(1)" style="display:block;"/>
<img id="img2" src="http://ww2.sinaimg.cn/thumbnail/7f0b4796jw1ebws054f3ij20c80910uc.jpg" onclick="fn(2)" style="display:none;"/>
<img id="img3" src="http://ww1.sinaimg.cn/thumbnail/6628711bgw1eby5kb7fphj205t04cmx6.jpg" onclick="fn(3)" style="display:none;"/>
度娘这个代码显示真无语。。。
更多追问追答
追问
谢谢 貌似有我想要的效果了 就是换图片时希望不是简单的更换 想要点更换效果 你能帮帮我吗 如果加在div里应该怎么弄呢 谢谢 把那个个忙 必定采纳 急需
追答
ok 用jquery 这样
function fn(n){
var nextn;
if(n==3){nextn=1;}
else{nextn=n+1;}
$("#img"+n).hide();
$("#img"+n).fadeOut();
$("#img"+nextn).fadeIn();
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<style type="text/css">
img{
width: 200px;
height: 200px;
}
</style>
<script language="JavaScript" type="text/javascript">
function fn(n){
var nextn;
if(n==3){nextn=1;}
else{nextn=n+1;}
document.getElementById("img"+n).style.display="none";
document.getElementById("img"+nextn).style.display="block";
}
</script>
<img id="img1" src="0.jpg" onclick="fn(1)" style="display:block;"/>
<img id="img2" src="1.jpg" onclick="fn(2)" style="display:none;"/>
<img id="img3" src="2.jpg" onclick="fn(3)" style="display:none;"/>
</html>
将图片换成所需要插入图片的真实路径即可
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
追问
对不起 这个不是我想要的效果 我想设计的是多张图片鼠标点击一下 就翻转换一张 以此类推 且图片循环的 你能否帮帮我
追答
请直接搜索，相册代码，满意请采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
