码迷,mamicode.com
首页 > 其他好文 > 详细

图片点击翻转效果

时间:2018-09-06 19:50:04      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:图片   key   https   classname   ===   anim   nbsp   addclass   点击   

此处写法是

css===写好样式放在一个新class名

1 @keyframes flipping{
2     from{transform:rotateY(0);}
3     to{transform:rotateY(180deg);}
4 }
5 .active{
6     animation: flipping .6s ease-in;
7 }

js===点击时给要翻转的元素添加class名称。

$(function(){
    $("#gold li img").click(function(){
        // $(this).addClass("active")
        this.className="active"
       
    //此处有$(this)和this,使用注意事项
    //可到此链接查看:https://www.cnblogs.com/gfl123/p/8080484.html
    })
})

 

图片点击翻转效果

标签:图片   key   https   classname   ===   anim   nbsp   addclass   点击   

原文地址:https://www.cnblogs.com/Millet-23/p/9600225.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!