jQuery自定义滚动条插件mousescroll.js(原创)

所属分类:UI-滚动

 22114  292  查看评论 (4)
分享到微信朋友圈
X
jQuery自定义滚动条插件mousescroll.js(原创) ie兼容8

发布时间:2018-6-13 0:32

使用方法

$(function(){
  var api = new myApi();
  api.mouseScroll.inte($('elem'),speen);
})

复制  /*滚动条样式*/  到CSS样式文件中(可以根据自己需要自行修改);

选引入JQ库,再引入插件文件,打开插件,找到以上代码改id和速度(elem是滚动内容的低级id,speen是滚动速度)。

多次调用时,只要复制多次下面代码,

var api = new myApi();
api.mouseScroll.inte($('elem'),speen);

如下:

$(function(){
      //调用一次
      var api_0 = new myApi();
      api_0.mouseScroll.inte($('elem'),speen);
      //调用两次
      var api_1 = new myApi();
      api_1.mouseScroll.inte($('elem'),speen);
      //调用三次
      var api_2 = new myApi();
      api_2.mouseScroll.inte($('elem'),speen);
})

注意::多次调用一定要注意变量api不能一样;

相关插件-滚动

jQuery简单的文字跑马灯特效

这是一款非常简单的jQuery文字跑马灯特效插件。该跑马灯特效使文本从右向左不停循环,当鼠标放到跑马灯上的文字时,跑马灯会暂停运动。
  滚动
 213782  358

简洁的jQuery滚动条插件scrollBar.js

本插件会将容器中滚动条样式进行统一,通过修改css任意改变滚动条的宽度与颜色,实现自定义滚动条的目的。
  滚动
 63092  383

仿股市表格实时轮播

这是一款简单的不需要任何外部插件的轮播效果图
  滚动
 38044  405

jQuery上下左右滚动插件rollSlide.js

实现上下左右自动滚动、无缝滚动
  滚动
 69178  559

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    蠢逼的女子汉 0
    2018/11/15 15:51:13
    用上了谢谢了哟 回复
    子?? 0
    2018/8/8 18:32:08
    您好,这个插件可以横向的控制么 回复
    Gangsta 0
    2018/7/2 11:24:33
    感谢,正好用上・・・
        qready0
        2018/8/2 15:16:51
        谢谢,很高兴能解决你的问题
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复