jQuery实现的左右移动焦点图效果_jquery
程序员文章站
2022-03-20 17:12:56
...
本文实例讲述了jQuery实现的左右移动焦点图效果。分享给大家供大家参考,具体如下:
jquery 部分:
$(function () { var _speed = 1000; var _len = 0; var _size = 150; var _direction = 'left'; function mar(){ if(_direction == 'left'){ if(_len >= 450){ _direction = 'right'; }else{ $(".flow ul").animate({"margin-left":"-=" + _size + "px"}); _len += _size; } }else{ if(_len
html 部分
更多关于jQuery特效相关内容感兴趣的读者可查看本站专题:《jQuery动画与特效用法总结》及《jQuery常见经典特效汇总》
希望本文所述对大家jQuery程序设计有所帮助。
上一篇: 判断、添加和删除WordPress置顶文章的相关PHP函数小结
下一篇: php blog
推荐阅读
-
jquery实现焦点轮播效果
-
jQuery实现简单的滑动导航代码(移动端)
-
jquery实现的导航固定效果
-
jquery实现tr元素的上下移动示例代码
-
jQuery实现适用于移动端的跑马灯抽奖特效示例
-
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
-
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
-
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
-
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
-
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】