jquery旋转地球 旋转div

用JS或jquery或CSS3做到旋转。。

1、插件——jqueryrotate，它可以实现旋转效果。jqueryrotate 支持所有主流浏览器，包括 IE6。如果你想在低版本的 IE 中实现旋转效果，那么 jqueryrotate 是一个很好的选择。兼容性 jqueryrotate 支持所有主流浏览器，包括 IE6。

成都创新互联公司是一家集网站建设,肥城企业网站建设,肥城品牌网站建设,网站定制,肥城网站建设报价,网络营销,网络优化,肥城网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

2、旋转效果有2d旋转、3D旋转.你可以baidu搜索下css3 Transform ，就可以实现 放大效果：可以通过jquery animate方法改变图片的width，height属性实现。

3、filter 滤镜 DXImageTransform.Microsoft.Matrix。这个参数过于复杂，这里不展开写了，题主可以自行搜索一下相关信息。楼上说的 jquery-rotate 在 IE8 上表现还可以，在 IE9 里反倒有坑，题主可以自行选择是否使用。

4、那我们就用css3实现吧！提示：关于浏览器的兼容性，你可以去 w3cschool 了解一下，我这里就不写那么繁琐的代码了。

5、当animate1执行完后，把这个class去掉，换成animate2。其中animate1的执行时间，刚好是js定时器的时间。当然这里有个问题，js定时的时间不一定会非常的吻合css的动画时间，你可以根据情况作出适当的时间调整。

jquery怎么写缓慢自动旋转效果

jqueryrotate，高级浏览器则直接使用 CSS3。

/* Opera */ } 然后通过$(选择器).toggleClass(.add_transform)；来使icon的旋转变为动画效果。

本文实例讲述了jQuery图片旋转插件jQueryRotate.js用法。分享给大家供大家参考，具体如下：推荐一个图片旋转插件，用于浏览相册时，旋转图片。运行效果截图如下：点击此处查看在线演示效果。

rotate是jQuery旋转rotate插件，支持Internet Explorer 0+ 、Firefox 0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用Transform，低版本ie使用VML实现。

旋转效果有2d旋转、3D旋转.你可以baidu搜索下css3 Transform ，就可以实现 放大效果：可以通过jquery animate方法改变图片的width，height属性实现。

懂jquery的来帮我看看。

JQuery主要是做优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery是一个快速、简洁的JavaScript框架，目的是让开发者更容易地在网站上使用JavaScript。它不是一种单独的编程语言，与JavaScript一起工作。

jQuery jquery是一个快速、简洁的JavaScript框架，帮助你简化查询DOM对象，处理事件，制作动画，和处理Ajax交互过程。利用jQuery将改变你编写JavaScript代码的方式。原先用20行代码完成的功能，jQuery用10行就可以轻松搞定。

jquery是一个JavaScript（JS）框架，它支持JS的常规操作以及一些扩展，比如图形等，对JSON格式也能很好的解析，ajax也做了封装，语法也比较简单。很强大。

$函数。这个是jquery的基础，必须的。要掌握$选择标签，以及如何创建标签。节点查找。找兄弟节点，父辈节点，子节点，子孙节点 操作样式。css（）函数直接操作样式，以及addClass和removeClass 操作属性。

这个其实不难，照我的理解是这样的：只要鼠标在任意一class=item内，则该DIV添加“actice，而移除其它拥有active的DIV，而鼠标不在DIV class=box时，则不用管。

学习、记忆、理解，应当不拘一格，采用一切手段去轻松记忆。最近在整理相关的jquery的学习内容。遇到了这个曾经迷惑过的内容，突然想到怎么巧记，写出来方便回顾。不一定很准确，但很容易记住。

transform:rotate(180deg)JQ中的语法

1、transform 属性实现，在低版本 IE 中使用 VML 实现。当然，你可以使用 IE 条件注释，低版本 IE 使用 jqueryrotate，高级浏览器则直接使用 CSS3。

2、article div：nth-child(2)：hover { transform： rotate(180deg)； } 以下操作变化时间为零秒，通过掌握后面的过渡动画可以控制变化时间。

3、旋转。使用rotate方法，在参数中加入角度值，角度值后面跟表示角度单位的“deg”文字即可，旋转方向为顺时针方向。transform：rotate（45deg）缩放。使用scale方法来实现文字或图像的缩放处理，在参数中指定缩放倍率。

4、rotate：通过指定的角度参数对原元素指定一个效果。 如果设置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转。

用jquery如何获取transform的值?

第一个参数this，在原型对象中关键字this可以看做是jQuery实例对象的引用，既然jQuery对象是Array-Like Object，那么this传入jQuery.each就被当做数组处理了(jQuery对象几乎总是被当做一个Array实例处理的)。

transform本身就是变形属性，不会改变元素的位置大小等，布局不发生变化，只是对元素进行变换。所以js获取的宽高是元素未变形前的值，需要获取缩放后的宽高，可以用元素的宽高乘以缩放值。

使用ajax或者jquery动态创建的元素，例如，是无法用$(#dbc)获取的。

rotate是jQuery旋转rotate插件，支持Internet Explorer 0+ 、Firefox 0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用Transform，低版本ie使用VML实现。

transform 属性实现，在低版本 IE 中使用 VML 实现。当然，你可以使用 IE 条件注释，低版本 IE 使用 jqueryrotate，高级浏览器则直接使用 CSS3。

当前文章：jquery旋转地球 旋转div
本文地址：http://6mz.cn/article/diicjcp.html