jQueryMarquee

marquee 无缝滚动插件
授权协议 GPL
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery页面滚动插件
软件类型 开源软件
地区 国产
投 递 者 元叶秋
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

jQueryMarquee 是一个基于 jquery 实现的 marquee 无缝滚动插件

一共有三个可选参数,一个回调方法。

$(dom).marquee(options, callback);

options 可选参数:

options : {
    direction : 'top',
    pixels : 5,
    speed : 30,
}
direction

移动方向:
    左:left
    右:right
    上:top
    下:bottom;
pixels

每次移动的像素数

speed

两次移动之前的间隔时间数(毫秒)
调用方法如下:

$("scroll-a").marquee();

$("scroll-b").marquee({direction:'top'});

$("scroll-c").marquee({direction:'right',pixels:2,speed:30});

$("scroll-d").marquee({direction:"bottom",pixels:2,speed:30}, function(){
    console.log("执行了一次");
});

 

  • http://www.miaoqiyuan.cn/products/jQuery.marquee/git/demo.html  

 相关资料
  • 本文向大家介绍jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果,包括了jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jquery.kxbdmarquee.js无缝滚动的具体代码,供大家参考,具体内容如下 strep1.页面引入相关文件 step2.写html结构、css样式、js c

  • 本文向大家介绍JQuery插件Marquee.js实现无缝滚动效果,包括了JQuery插件Marquee.js实现无缝滚动效果的使用技巧和注意事项,需要的朋友参考一下 Marquee.js插件提供了许多属性选项,您可以配置定制外观和效果。 详细代码: 以上就是本文的全部内容,希望对大家学习jquery程序设计有所帮助。

  • 本文向大家介绍js实现无缝滚动图,包括了js实现无缝滚动图的使用技巧和注意事项,需要的朋友参考一下 效果如下: 代码如下: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • 项目用的vue2,需要做一个走马灯,但是不是那种一会儿自动滚动一下的效果。 需要自动不停的平滑滚动的那种。 使用动画自己实现了,但是到末尾的时候会闪一下,目前项目中使用的 swiper的vue版本,由于版本比较老,一下一下显示的这种方式,到末尾会有滚动到开头的动效,让能能看出来它切换回到头,而不是无缝无限循环的感觉。 由于开发时间有限,不能只靠手写实现,大家用过什么好用的,麻烦推荐一下。

  • 本文向大家介绍javascript实现文字无缝滚动,包括了javascript实现文字无缝滚动的使用技巧和注意事项,需要的朋友参考一下 效果如图: html:( 一个div 包裹两个ul ) js代码: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍js实现无缝滚动特效,包括了js实现无缝滚动特效的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家介绍了js实现无缝滚动特效需要做到的功能,以及关键性js代码,分享给大家供大家参考,具体内容如下 运行效果图: 结合下学了的知识,做个模拟的综合性扩展练习~~  大致功能如下: 1、点开html后,图片自动移动展示 2、点击左右方向,可以改变 图片移动的方向(改变left的值,正负

  • 本文向大家介绍Javascript 实现图片无缝滚动,包括了Javascript 实现图片无缝滚动的使用技巧和注意事项,需要的朋友参考一下 效果 : 鼠标移入图片 停止滚动, 鼠标移出自动滚动 可以调整向左或右方向滚动 以上是一个简单的布局,下面是主要的Javascript 代码 简单讲下思路: 首先设置ul 里面的图片一共有8张 oUl.innerHTML += oUl.innerHTML; 在

  • 本文向大家介绍标准的js无缝滚动效果,包括了标准的js无缝滚动效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js无缝滚动效果实现代码,供大家参考,具体内容如下 这种效果的主要思想是图片内容部分的宽度要远远大于要展示区域的宽度,使其出现滚动条。复制上一组图片的内容使其在效果上实现无缝滚动,具体的请大家参考代码。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持