jQuery图片照片卷轴效果_jQuery圆形图片切换动画效果

转载于 2021-11-08 13:47:03 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yy123.ink/frontDetail/12867

文章标签：

#jquery #动画 #前端

网站模版专栏收录该内容

3170 篇文章

订阅专栏

这段代码演示了如何利用jQuery的scroller插件创建一个水平滚动的效果。设置包括元素选择器、方向、容器样式、缓动效果和动画速度等选项。当鼠标悬停在元素上时，该插件会触发特定的事件处理函数。

下载地址

Javascript$(".scroller").scroller({element: "a", // (string) HTML elementdirection: "horizontal", // (string) available options: horizontal, verticalcontainer: {name: "inside", // (string) class name for the containereasing: "easeOutBack", // (string) set the easing of the animation, required: jQuery Easing plugin: http://gsgd.co.uk/sandbox/jquery/easing/duration: 800 // (int) set the speed of the easing animation in milliseconds},options: {margin: -20, // (int) set the margin for each elementzoom: 1.5, // (int) zoom multipliereasing: ["easeOutBack", "easeOutBounce"],duration: [300, 500]},onclick: function(a, img){},onmouseover: function(a, img){},onmouseout: function(a, img){}});HTML