`

marquee效果去掉两端空白的区域实现效果连续

阅读更多

    在我们使用marquee实现跑马灯效果时,在两端总是出现许多空白的区域,而文字或图片想要在出现时必须把空白的区域跑完之后才能出现,这样的效果看起来感觉非常的麻烦,在给客户多项目时有的一些客户或公司强制要求必须把文字或图片连续,这样的话我们只单独的使用<marquee>标签就没法达到效果了;
    从网上搜索了很多,最后终于找到了相关的解决方法,分享如下
案例:
<script defer>
       new marquee("photoList",0,1,900,200,50,1000,3000,60)
</script>
参数说明:

marquee                                     容器ID
0                                                 向上滚动(0向上 1向下 2向左 3向右)
1                                                 滚动的步长  
900                                             容器可视宽度
200                                             容器可视高度
50                                               定时器 数值越小滚动的速度越快(1000=1秒,建议不小于20)
1000                                           间歇停顿时间(0为不停顿,1000=1秒)
3000                                           开始时的等待时间(0为不等待,1000=1秒)
(60)                                         间歇滚动间距(可选)

 

 

分享一下,希望对有能用到的兄弟们有所帮助!!

分享到:
评论

相关推荐

    用Javascript来实现Marquee效果

    ### 使用JavaScript实现Marquee效果详解 #### 一、引言 在网页设计中,Marquee是一种常见的滚动文本或图像效果,常用于展示新闻头条、广告等动态内容。传统的Marquee效果可以通过HTML `&lt;marquee&gt;` 标签实现,但...

    利用Marquee实现无缝循环滚动文字

    - `Marquee()`函数通过调整滚动区域的`scrollTop`属性来实现滚动效果。 - 通过`onmouseover`和`onmouseout`事件处理鼠标悬停和离开时的动画暂停和恢复。 - **示例代码**:提供了方向、高度、宽度、水平间距、垂直...

    juqery实现marquee的效果

    总结,这个项目展示了如何使用jQuery在手机端实现平滑的marquee效果。通过结合HTML、CSS和jQuery,我们可以创建一个适应各种设备且性能良好的滚动动画。在实际应用中,根据需求可以进一步定制滚动速度、方向、暂停和...

    marquee滚动效果源代码

    这个标题"marquee滚动效果源代码"表明我们将探讨如何利用marquee标签实现两种特定的滚动效果:间歇性滚动和无缝滚动。 间歇性滚动,也称为定时滚动,是指内容不是连续不断地滚动,而是每隔几秒钟滚动一次。这种效果...

    marquee效果

    "marquee"效果是网页设计中一种常见的滚动文本特效,它可以使文字或图像在页面上持续不断地滚动,类似于电视屏幕下方的新闻滚动条。在HTML和JavaScript中,都有实现marquee效果的方法。在这个主题中,我们将深入探讨...

    HTML标签marquee实现滚动效果

    HTML标签marquee实现滚动效果,实现文字在网页中漂移的代码。

    javascript js仿marquee标签的走马灯效果.zip

    `&lt;marquee&gt;`是HTML4的一个非标准标签,但在HTML5中已被废弃,因此使用JavaScript实现这种效果更加现代且兼容性更好。 首先,我们需要理解`&lt;marquee&gt;`的基本用法。在HTML中,`&lt;marquee&gt;`标签用于创建一个持续滚动的...

    js实现marquee标签

    在网页设计中,有时我们需要创建一个滚动效果,例如新闻标题的自动滚动,这在早些年经常使用HTML的`&lt;marquee&gt;`标签来实现。然而,`&lt;marquee&gt;`是Internet Explorer浏览器特有的标签,它在Firefox和其他标准浏览器中并...

    marquee嵌套这后出现的效果

    然而,`&lt;marquee&gt;`在某些场景下仍然有用,尤其是对兼容性有特别要求或需要快速实现简单滚动效果时。 标题“marquee嵌套这后出现的效果”提示我们,讨论的是`&lt;marquee&gt;`标签在嵌套使用时的特定表现。当一个`&lt;marquee...

    js Marquee上下滚动效果

    总结,实现JS的Marquee上下滚动效果,关键在于利用JavaScript动态改变元素的位置,配合CSS样式限制可视区域。通过封装成类或函数,我们可以更好地控制和扩展这个功能,使其适应不同项目的需求。"MSClass.js"文件很...

    marquee.js插件演示9种jQuery滚动效果

    在本文中,我们将深入探讨`marquee.js`插件,这是一个强大的JavaScript工具,用于实现各种jQuery滚动效果。`marquee.js`是专门为那些希望在网站上添加动态、吸引人的滚动效果的开发者设计的。它兼容了jQuery库,为...

    公告滚动动画,从右到左滚动,marquee标签效果

    需要注意的是,虽然`&lt;marquee&gt;`在许多浏览器中仍然可用,但它并不是一个W3C推荐的标准标签,因此在现代Web开发中,更推荐使用JavaScript库或CSS动画来实现类似的效果,如jQuery的`slideUp`和`slideDown`,或者使用...

    用javascript模拟marquee实现滚动.htm

    然而,通过JavaScript,我们可以实现更灵活、更可控的滚动效果,这就是"用javascript模拟marquee实现滚动"的主题。 首先,我们需要了解JavaScript的基础。JavaScript主要由变量、数据类型、操作符、语句、函数等...

    会循环跑的类marquee实现(改进版)

    会循环跑的类marquee实现(改进版) 包括沿上下左右四个方向跑的分别实现 在http://chqa.blog.163.com/blog/static/2746333200842884117589/的基础上修改的

    marquee图片无缝滚动(上下左右均可)

    由于只有一个文件名“marquee无缝滚动”,我们可以推测这可能是一个示例文件,包含了如何实现marquee插件的无缝滚动效果的代码或配置。 **详细知识点:** 1. **HTML `&lt;marquee&gt;` 元素**:这是一个非标准但广泛支持...

    Marquee替代 -- 无间滚动

    Marquee标签一直以来都被W3C排斥,而且,屁股后...所以,俺就做了个支持多个实例,兼容性好的替代品(其实是一年前做的...),虽然没什么技术含量,可是简单实用,只要简简单单的四步就能实现Marquee替代无间滚动效果。

    jQuery 模拟 Marquee 无缝滚动 不间断滚动

    Marquee 效果是传统 HTML 中的一种标签,用于实现文本或图像的不间断滚动,但在现代 web 开发中,我们通常使用 jQuery 来模拟这种效果,因为它提供了更大的灵活性和控制力。本文将深入探讨如何使用 jQuery 创建一个...

    MARQUEE 元素 marquee 对象 doc 手册

    ### MARQUEE 元素与Marquee对象详解 ...值得注意的是,虽然MARQUEE元素在早期网页设计中非常流行,但由于其局限性和对用户体验的影响,现代Web开发中更倾向于使用CSS动画或JavaScript来实现类似的效果。

    js替代marquee实现图片无缝滚动

    通过JavaScript实现的无缝滚动相比`&lt;marquee&gt;`标签有更高的灵活性和控制性,可以适应不同的布局和滚动效果。这种技术可以应用于网站的广告栏、滚动新闻、产品展示等多个场景,提升用户界面的动态效果和交互体验。

    Marquee的使用

    ### Marquee标签详解及其应用 #### 一、Marquee标签简介 `&lt;marquee&gt;` 是一个HTML中的非标准标签,...然而,考虑到其局限性和可能的安全问题,建议在现代网页设计中采用CSS3动画或JavaScript等替代方案实现类似效果。

Global site tag (gtag.js) - Google Analytics