jQuery,css3,转动,jQuery转动
web前端-js教程
e4a源码 播放器,vscode怎么调浏览器,ubuntu 在线账户,tomcat加引用路径,新房很多爬虫,php mpdf 下载,云南推广抖音seo优化方案lzw
主要是应用到了css3中的rotate来控制旋转角度登陆界面ui设计源码,vscode控制台怎么开启,Ubuntu软件连不上,添加站点失败tomcat,爬虫交易区,php培训机构排名,seo网络营销推广哪家负责,网站下拉菜单重叠lzw
运行效果截图如下：手机端 查询工具源码,ubuntu 更新内核指令,tomcat 多个数据源,爬虫怎么引入模块,PHP发送QQ邮箱源码下载,萧山seo公司lzw
点击此处查看在线演示效果。具体代码如下：
完整实例代码点击此处本站下载。img { width:50px; height:50px; } .margin1 { margin-top:50px; margin-left:100px; } .margin2 { margin-top:50px; margin-left:100px; } .margin3 { margin-top:50px; margin-left:100px; } .margin4 { margin-top:50px; margin-left:100px; } .margin5 { margin-top:50px; margin-left:100px; } .margin6 { margin-top:50px; margin-left:175px; } .margin7 { margin-top:50px; margin-left:100px; } .margin8 { margin-top:50px; margin-left:100px; } .margin9 { margin-top:50px; margin-left:100px; } .margin10 { margin-top:50px; margin-left:250px; } .margin11 { margin-top:50px; margin-left:100px; } .margin12 { margin-top:50px; margin-left:100px; } .margin13 { margin-top:50px; margin-left:325px; } .margin14 { margin-top:50px; margin-left:100px; } .margin15 { margin-top:50px; margin-left:400px; } var ADD_ANGLE = 45; // 每次偏移角度 var angle = 0; // 角度 window.onload = function () { var img = $("img"); setInterval(function () { rotate(img); }, 50); } function rotate(obj) { angle += ADD_ANGLE; if (angle == 360) { angle = 0; } obj.css({ "transform": "rotate(" + angle + "deg)", "-webkit-transform": "rotate(" + angle + "deg)", "-moz-transform": "rotate(" + angle + "deg)" }); }
更多关于jQuery特效相关内容感兴趣的读者可查看本站专题：《jQuery常见经典特效汇总》及《jQuery动画与特效用法总结》。