css3过渡效果-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

css3过渡效果

小旋风柴进 2016-05-31 10:49:58 1443

我想点击下面的每个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>
css效果 c++效果 .cs效果
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:21:31
    $("li").on("click",function(){
        var Img = new Image();
        Img.src = $(this).attr("data-pic");
        Img.onload = function (){
            $(".popbox").empty().append(Img).hide().fadeIn();
        }
    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

最新问题