jquery基于Marquee.js使文本文字图片自由滚动插件

所属分类: 网页特效-UI滚动    2023-10-07 03:52:52

 51.2K  3  查看评论 (3)
jquery基于Marquee.js使文本文字图片自由滚动插件 ie兼容6

jquery基于Marquee.js使文本文字图片自由滚动插件(共5个文件)

    • jquery.marquee.min.js
    • update.json
    • index.html
    • info.ini
    • jquery.marquee.js

使用方法

$(function(){
  var $mwo = $('.marquee-with-options');
  $('.marquee').marquee();
  $('.marquee-with-options').marquee({
    //speed in milliseconds of the marquee
    speed: 5000,
    //gap in pixels between the tickers
    gap: 50,
    //gap in pixels between the tickers
    delayBeforeStart: 0,
    //'left' or 'right'
    direction: 'left',
    //true or false - should the marquee be duplicated to show an effect of continues flow
    duplicated: true,
    //on hover pause the marquee - using jQuery plugin https://github.com/tobia/Pause
    pauseOnHover: true
  });

  //Direction upward
  $('.marquee-vert').marquee({
    direction: 'up',
    speed: 1500
  });

  //pause and resume links
  $('.pause').click(function(e){
    e.preventDefault();
    $mwo.trigger('pause');
  });
  $('.resume').click(function(e){
    e.preventDefault();
    $mwo.trigger('resume');
  });
  //toggle
  $('.toggle').hover(function(e){
    $mwo.trigger('pause');
  },function(){
    $mwo.trigger('resume');
  })
  .click(function(e){
    e.preventDefault();
  })
});

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / UI滚动

jquery花朵布局点击可旋转切换特效

一款花朵布局图文滑块插件,充分利用了CSS3转换和变换,通过旋转花朵界面来展示图文信息内容。
  UI滚动
 135  0

js响应式图文列表滚动滑块特效

一款响应式区块列表滚动插件,基于swiper实现的,支持移动端触摸滑块。
  UI滚动
 394  0

jquery点击按钮触发页面滚动切换特效

一款页面滚动切换效果,点击按钮可触发左右、上下页面滚动切换,带有CSS3页面过渡效果,可定制自己想要的过渡效果。
  UI滚动
 958  0

jquery响应式网页视差滚动动画特效插件

一款页面视差滚动特效插件,鼠标向下滚动时会自动交换更替页面中的背景图片。
  UI滚动
 7269  0

评论数(3) 回复有机会获得K币 用户协议

    铁头de科技0
    2024-01-16 12:45:51
    masker0
    2023-10-26 16:51:20
    kuliwa0
    2023-10-24 16:58:47
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论