Heim > Web-Frontend > js-Tutorial > jquery animate图片模向滑动示例代码_jquery

jquery animate图片模向滑动示例代码_jquery

WBOY
Freigeben: 2016-05-16 18:11:22
Original
1263 Leute haben es durchsucht

这个对象中每个属性都表示一个可以变化的样式属性(如"height"、"top"或"opacity")。 注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属性就会从当前的值渐变到指定的值。如果使用的是"hide"、"show"或"toggle"这样的字符串值,则会为该属性调用默认的动画形式。

  函数声明如下:

复制代码 代码如下:
animate(params[, duration[, easing[, callback]]])

  在 jQuery 中,你可以使用 em 和 % 单位。另外,你可以通过在属性值前面指定 "+=" 或 "-=" 来让元素做相对运动。

  下面演示一个图片列表左右滑动的示例,主要代码如下:
复制代码 代码如下:



运行结果如图所示:
jquery animate图片模向滑动示例代码_jquery
在线演示:http://demo.jb51.net/js/2011/jqueryanimate/index.html
源码下载:点击下载
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage