js实现图片左右循环滚动

这段代码展示了如何使用jQuery创建一个图片水平循环滚动的效果。通过定义`marquee`函数,实现了根据设置的速度、步长和方向进行滚动,并在鼠标悬停时暂停,离开后继续滚动的功能。
摘要由CSDN通过智能技术生成
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery
/1.2.6/jquery.min.js"></script>


<script type="text/javascript">
(function($) {
$.fn.marquee = function(o) {
   //获取滚动内容内各元素相关信息
   o = $.extend({
    speed:   parseInt($(this).attr('speed')) || 30, // 滚动速度
    step:   parseInt($(this).attr('step')) || 1, // 滚动步长
    direction: $(this).attr('direction') || 'up', // 滚动方向
    pause:   parseInt($(this).attr('pause')) || 1000 // 停顿时长
   }, o || {});
   var dIndex = jQuery.inArray(o.direction, ['right', 'down']);
   if (dIndex > -1) {
    o.direction = ['left', 'up'][dIndex];
    o.step = -o.step;
   }
   var mid;
   var div    = $(this); // 容器对象
 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值