dreamweaver如何实现让几张照片自动播放,当鼠标点击时也可以播放!
就像类似下面的效果:http://www.cpanet.cn/cms/index.html此网页中“论坛BBS”版块的最左边效果如何实现?此网页中“酷图PHOTOSHOW...
就像类似下面的效果:http://www.cpanet.cn/cms/index.html
此网页中“论坛BBS”版块的最左边效果如何实现?
此网页中“酷图PHOTO SHOW”中的效果怎么实现?
注明:本人是刚学习完DW基础知识,所以,最好说明过程,可视的过程,代码不太懂得!
能帮我写出代码吗?我试试看!谢谢了 展开
此网页中“论坛BBS”版块的最左边效果如何实现?
此网页中“酷图PHOTO SHOW”中的效果怎么实现?
注明:本人是刚学习完DW基础知识,所以,最好说明过程,可视的过程,代码不太懂得!
能帮我写出代码吗?我试试看!谢谢了 展开
2个回答
展开全部
dreamweaver如何实现图片鼠标点击自动播放操作如下:
<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>
将图片换成所需要插入图片的真实路径即可。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询