前端学堂 http://www.felearn.com
当前位置首页 > 前端技术 > Angular> 正文

在html里如何利用JavaScript显示动图的效果

2021-05-05 01:25:41 暂无评论 Angular 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里如何利用JavaScript显示动图的效果

把你需要添加的html发给我,1810095497@qq.com

在html里如何利用JavaScript显示动图的效果