html点击按钮时切换图片的代码如下:<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><style>#hello{width:108px;height:108px;border:1px solid #369;overflow:hidden;margin:auto;}#word{margin:auto;width:136px;}</style><div
这个需要JavaScript代码
这个的话,就看你怎么弄了,写死的话,就定义图片 改变 class=“taindian1”的innerHTML 就可以,也可以做成活的,就ajax请求后台数据,改变图片的链接 或者是 你写几个div,然后显示当前的,别的隐藏 切换的时候,改变隐藏div 要想效果好点的话,研究下jquery吧
animation,time和timetask或者用handler
设置图片的点击事件,在点击事件中修改图片的src属性
给图片加超链接
使用jquery切换吧<img src="1.jpg" onclick="change(this)"/><script>function(obj){ obj.src="2.jpg";}</script>
只用html做不到,这需要javascript配合html来做,css布局可以有也可以直接用jscript来控制.具体先把html做好,每个标题和图片放在一个div里面,css控制div大小和超出隐藏,有两个类,一个类是div自动适应大小,另一个类固定div大小并把超出的部分不显示,js通过监听点击事件来回在两个类之间切换,还有方法是js通过监听点击事件把对应的图片显示其余的图片隐藏,实现的方法有很多,这只是其中两种方法.
试试这个图片切换有12345数字一起切换有小图大图一起切换里面有教程和源码
这样:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>动态切换图片</title></head><style> ul{ padding:0;margin:0; } li{ list-style: none; }#pic{ position: relative; width: 400px; height: 400px; background-color:red; margin:100px