dreamweaver如何实现让几张照片自动播放,当鼠标点击时也可以播放!

就像类似下面的效果:http://www.cpanet.cn/cms/index.html此网页中“论坛BBS”版块的最左边效果如何实现?此网页中“酷图PHOTOSHOW... 就像类似下面的效果:http://www.cpanet.cn/cms/index.html
此网页中“论坛BBS”版块的最左边效果如何实现?
此网页中“酷图PHOTO SHOW”中的效果怎么实现?
注明:本人是刚学习完DW基础知识,所以,最好说明过程,可视的过程,代码不太懂得!
能帮我写出代码吗?我试试看!谢谢了
展开
 我来答
淡然且缤纷丶好汉v
2016-01-22 · TA获得超过6128个赞
知道大有可为答主
回答量:1241
采纳率:88%
帮助的人:575万
展开全部

  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>

将图片换成所需要插入图片的真实路径即可。

_匹諾曹
推荐于2016-02-08 · TA获得超过137个赞
知道小有建树答主
回答量:174
采纳率:0%
帮助的人:116万
展开全部
只是学完DW的话应该看不懂,这里面需要javascript。
楼主有兴趣的话、可以去下载js焦点图广告之类的例子自己慢慢研究。

加我传你个例子看看、代码很多。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式