在html里如何利用JavaScript显示动图的效果
HTML部分: <div id="ShowImg"> <img id="img" src="可以给个默认地址" /> <ul id="Num"> <li imgsrc="">1</li> <li imgsrc="">2</li> <li imgsrc="">3</li> <li imgsrc="">4</li> <li imgsrc="">5</li> <li imgsrc="">6</li> <li imgsrc="">7</li> </ul> </div>JS部分: 首先确定你引入了JQuery的框架,然后在Script标签内加入以下代码 $(function(){ $("li","#Num").each( $(this).click(function(){ $("#img").attr("src",$(this).imgsrc); }); ); });说明: 你提问的方式没给DOM结构,没说是动态的还是静态的,这种方式很笨的,一般都是异步获取图片个数,循环输出图片数字标签,结构也各有不同,我这是写了个简单的,没有验证,不知道有没有错,你可以试试。上面LI标签里的imgsrc属性是我自己定义的,里面存放你点击之后要换成的那个图片的地址
把你需要添加的html发给我,1810095497@qq.com
- 上一篇: JavaScript编写动态时间怎么写
- 下一篇: 返回列表