`

jquery 无间隙滚动

 
阅读更多

1.js文件里的配置:

/ * 相关参数
   'marquee':'x',        \\ 设置滚动方向,提供 marquee:x 或 marquee:y
   'margin_bottom':'0',  \\ 设置margin_bottom值
   'margin_right':'0',   \\ 设置margin_right值
   'speed':'10'          \\ 设置滚动速度,单位mm

*/

如:

$("#last_fenxiangs").jcMarquee({
       'marquee' : 'x',
       'margin_bottom': '0',
       'margin_right': '0',
       'speed' : '10'
}); 

 
2. 重要提醒
   #Marquee_x ul li { float:left;} // 横向滚动时必须让所有li左浮动 

 

3.html结构:

 

<div id="Marquee"> 
         <ul> 
              <li> 
                  <div><img height="50" width="100" alt="图片1" /></div>
              </li>
         </ul> 
</div> 

  

 

  • 22.rar (2.8 KB)
  • 下载次数: 3
分享到:
评论

相关推荐

    图片上下无间隙滚动

    标题中的“图片上下无间隙滚动”是指一种网页设计技术,用于实现图片在页面上连续、无缝地滚动展示。这种效果通常应用于图片展示区域,如轮播图或展示墙,能够给用户带来流畅的视觉体验。在给定的描述中提到了一个...

    无间隙循环滚动鼠标浮动停止滚动

    1. **JavaScript/jQuery**:编写JavaScript代码来监听滚动事件(`scroll`),然后根据滚动位置判断是否需要执行循环滚动或停止滚动的逻辑。 2. **CSS3**:有时候可以通过CSS3的`transform`属性和`translateY`函数来...

    多种常用滚动效果jquery插件.zip

    在网页设计和开发中,jQuery库经常被用来增强页面交互性,其中滚动效果是常见的应用场景。"多种常用滚动效果jquery插件.zip" 提供了一系列的jQuery插件,可以帮助开发者实现各种创新的滚动动画,提升用户体验。这个...

    JQUERY多方向滚动

    **jQuery多方向滚动详解** 在网页设计中,动态滚动效果是一种常见的吸引用户注意力的手段,尤其在新闻更新、产品展示等场景中应用广泛。本文将详细介绍如何使用jQuery实现上下左右四个方向的连续滚动效果,以及涉及...

    JS不间断向左滚动无缝隙

    JS不间断向左滚动javascript无缝隙

    jQuery kxbdMarquee 无缝滚动

    1. **无缝滚动**:kxbdMarquee 的核心功能是实现元素的无间隙、平滑滚动,使用户感觉内容是无限循环的,没有明显的起点和终点。 2. **自定义设置**:用户可以设置滚动速度、方向(上下滚动或左右滚动)、暂停、恢复...

    jQueryDemo例子

    里面有: 【经典】图片切换展示.html 【经典】图片切换,带标题文字.html 【经典】多行滚动.html ...无间隙滚动.html 模块拖动.html 欧酷图片显示.html 渐变弹出层.html 经典选项卡.html 隔行换色.html 顶部导航.html

    myslideLeftRight 基于jQuery图片左右无缝滚动插件.zip

    【myslideLeftRight基于jQuery图片左右无缝滚动插件】是一个常用的前端开发工具,它通过结合JavaScript库jQuery实现图片的平滑、连续且无间隙的左右滚动效果,为网站的展示和用户体验提供了极大的便利。该插件广泛...

    无缝循环滚动插件

    5. **数组操作**:为了实现无缝循环,通常需要对元素集合进行数组操作,如数组的复制、拼接和索引处理,确保当最后一个元素滚动结束后,第一个元素能够立即跟上,形成无间隙的循环。 6. **定时器(setTimeout/...

    符合W3C Web标准的图片连续无间隙水平滚动

    在Web开发中,实现符合W3C Web标准的图片连续无间隙水平滚动是一种常见的需求,主要用于创建动态、吸引人的展示区域,如轮播图或者广告栏。W3C Web标准是全球互联网行业的规范,遵循这些标准可以确保网页在各种...

    jquery实现区块或链接横向无缝循环滚动,自适应宽度,可随意设置外容器的宽度 高度自适应,兼容IE,FF,CHROME.zip

    标题中的“jquery实现区块或链接横向无缝循环滚动”是指使用jQuery库来创建一种动态效果,使得页面上的区块或链接能够水平方向上无间隙地循环滚动。这种效果常见于新闻滚动条、广告轮播等场景,增加了网站的动态性和...

    15个jQuery学习实例(菜单、滚动、层隐藏等)

    这些实例 都是些比较简单的,尤其是对刚接触jquery的朋友帮助明显,这些例、渐变弹出层子主要是:单行滚动、弹出层菜单、导航效果、多行滚动、滚动效果上翻、下翻、幕帘伸缩广告、收缩展开效果、无间隙滚动、自动...

    html中图片无缝滚动

    此外,为了兼容不同的浏览器和设备,需要测试并适配各种环境,可能需要用到像jQuery这样的库来简化跨浏览器的兼容问题。 在提供的压缩包文件中,可能包含了一个名为“无缝滚动”的示例项目,该项目可能包括HTML文件...

    jquery无缝向上滚动实现代码

    标题中的"jquery无缝向上滚动实现代码"是指使用jQuery库来创建一种效果,使得网页上的列表内容能够自动地、平滑地、无间隙地向上滚动。这种效果常用于新闻滚动条或者菜单栏,使得用户能够在有限的空间内查看更多的...

    JQ 多张图的无缝滚动

    标题中的“JQ 多张图的无缝滚动”指的是使用jQuery库实现的一种图片轮播效果,它能够让多张图片在用户眼前连续、平滑地滚动,营造出一种无间隙的视觉体验。这种效果常见于网站的首页展示或者产品介绍部分,能够吸引...

    JavaScript特效41个

    5. 无间隙滚动:无间隙滚动,也称为平滑滚动,是一种使网页内容以平滑动画方式滚动的效果,增强了用户的浏览体验。通常使用CSS3和JavaScript配合实现。 6. 其他特效:除了以上列举的特效,JavaScript还能实现很多...

    上下左右无缝滚动代码

    在网页设计中,为了提供更好的用户体验,有时我们需要实现一种效果,即内容能够在页面上无间隙地、平滑地上下或左右滚动。这种效果被称为“无缝滚动”,它可以使用户在浏览长内容时无需翻页,只需滑动鼠标或触摸屏幕...

    MT制作的全部网站常用的demo

    最后,"一串图片无间隙滚播"是一种连续滚动的图片展示方式,常见于广告或产品展示区域。jQuery可以实现无缝滚动效果,使图片切换看起来平滑流畅,增加视觉吸引力。 这些组件的示例代码对于初学者理解jQuery的基本...

    无缝横向滚动文字图片特效特效代码

    描述中提到的“无缝横向滚动图片”是这种效果的具体应用之一,它表示图片可以无间隙地从一边滑动到另一边,形成一种连续不断的滚动效果。用户可以通过点击页面上的按钮或者使用键盘的左右箭头来控制滚动的方向,增强...

    无限图片瀑布流效果

    总之,"无限图片瀑布流效果"是一个结合了瀑布流布局、无限滚动和jQuery技术的网页设计概念,旨在提供流畅的图片浏览体验。通过研究和应用相关的jQuery插件,开发者可以提升自己的技能,同时也能够优化网站性能和用户...

Global site tag (gtag.js) - Google Analytics