css3过渡效果
我想点击下面的每个li
让的的data-pic里的图片路径显示到popbox里
但是在他们切换的时候会图片会一闪一闪的
我给popbox加了个过渡的效果transition:all 0.3 ease,不过初始没点过的还会一闪一闪
但点过了的就有过渡效果，这个要怎么才能解决?
<div class="popbox"></div>
<ul class="ul1">
<li data-pic='xx.png'></li>
<li data-pic='xx.png'></li>
<li data-pic='xx.png'></li>
<li data-pic='xx.png'></li>
<li data-pic='xx.png'></li>
<li data-pic='xx.png'></li>
<li data-pic='xx.png'></li>
<li data-pic='xx.png'></li>
展开
收起
1
条回答
写回答
写回答
-
$("li").on("click",function(){ var Img = new Image(); Img.src = $(this).attr("data-pic"); Img.onload = function (){ $(".popbox").empty().append(Img).hide().fadeIn(); }2019-07-17 19:21:31赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
