首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Javascript函数中更改Marquee标签的"scrollamount“属性?

在Javascript函数中更改Marquee标签的"scrollamount"属性,可以通过以下步骤实现:

  1. 首先,使用document.getElementById()方法获取到需要更改的Marquee标签的引用。例如,如果该标签的id为"myMarquee",可以使用以下代码获取到该标签的引用:
代码语言:txt
复制
var marquee = document.getElementById("myMarquee");
  1. 接下来,可以使用marquee对象的setAttribute()方法来更改"scrollamount"属性的值。该方法接受两个参数,第一个参数是要更改的属性名称,第二个参数是要设置的属性值。例如,要将"scrollamount"属性的值设置为10,可以使用以下代码:
代码语言:txt
复制
marquee.setAttribute("scrollamount", "10");
  1. 最后,通过调用marquee对象的start()方法来启动Marquee标签的滚动效果。例如,可以使用以下代码启动滚动效果:
代码语言:txt
复制
marquee.start();

完整的Javascript函数代码如下:

代码语言:txt
复制
function changeScrollAmount() {
  var marquee = document.getElementById("myMarquee");
  marquee.setAttribute("scrollamount", "10");
  marquee.start();
}

这样,当调用changeScrollAmount()函数时,Marquee标签的"scrollamount"属性将被更改为10,并开始滚动。

请注意,Marquee标签在HTML5中已被废弃,不推荐使用。建议使用CSS和JavaScript来实现类似的滚动效果。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • marquee内部数据动态生成时,首次加载会闪跳问题

    marquee 元素()可以 用来插入一段滚动文字,实现类似走马灯动效。...代码如下: <marquee scrollamount="10" id="notificationMarquee" class="notification orange" onmouseover="this.stop...解决方案 我尝试过再内部放置一个空内容标签,指定一个足够长宽度,比如这样: 但并没有什么用...后面想,什么静态宽度,干脆等有数据了,再构建marquee标签好了。嗯,这种方式可以解决问题。 <!...小结 本次在问题重现上走了很多弯路,最初以为是布局样式或者是标签属性设置问题,后来偶然发现闪跳时机(闪跳宽度)才想到了静态宽度。所以静态标签和动态创建数据会有出入,需要小心。

    1.1K10

    marquee一行代码实现滚动跑马灯效果无需js

    marquee标签不仅可以滚动文字,也可以滚动图片,表格等,而且使用起来方便快捷,节省了不少时间。实现效果可以看右侧栏。怎么用呢?...this.start()" onMouseOver="this.stop()"> 这里可以放文字、图片、表格等都可以跑马灯滚动展示  一、marquee标签几个重要属性:          ...          3.scrollamount:滚动速度(滚动速度是设置每次滚动时移动长度,以像素为单位)             语法:          7.bgcolor:设定滚动字幕背景颜色(可以是颜色值,也可以是rgb()或rgba()函数)             语法:<marquee bgcolor=...,hspace=“10”,即等同于:margin:0 10px;                          vspace:设定活动字幕里所在位置距离父容器垂直边框距离,vspace=“10

    5.9K50

    全面了解制作滚动字幕完全手册

    用它来控制属性,默认为循环滚动,可选值有alternate、slide 3.实例: a)如何给滚动字幕加超链接?这跟平时超链接是完全一样。...代码: <marquee scrollAmount=2 width=300 οnmοuseοver=stop οnmοuseοut=start>文字内容</marquee> c)交替效果。...代码: <marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee> d)多行文本向上滚动。...代码: <marquee scrollAmount=2 width=300 height=160 direction=up>早晨好啊!<br>空气好清新啊<br>今朝食乜好呢?...解决办法是,找出原来代码,把它嵌入到JavaScriptdocument.write即可,上述代码写为: <script>document.write</script> 由上可以看出,HTML

    1.3K10

    标签之美六——滚动字幕应用 原

    标签之美——滚动字幕应用 在网页,我们经常可以看到一些滚动出现字幕,按钮等内容。滚动字幕应用会使网页内容更加生动紧凑。...1、滚动标签 将滚动显示文字放在这个标签内,就可以实现滚动字幕。...这个标签有一个behavior属性,可以设置滚动方式: scroll:循环滚动,默认滚动方式 slide:只滚动一次 alternate:左右来回滚动 2、设置字幕背景颜色 <marquee...4、设置字幕滚动速度 通过设置scrollamount属性更改字幕滚动速度,数值越大,速度越快。 5、设置字幕滚动时间间隔 scrolldelay可以来设置字幕停顿时间间隔,单位是毫秒。...()">这里是滚动字幕 滚动字幕也支持图片滚动,将文字换位图片即可。

    98520

    HTML滚动标签marquee属性及效果实现

    现在 元素已经废弃,但有时候还是会用到。 虽然一些浏览器还支持,但是不推荐使用,因为说不定什么时候就不支持了。 ?...marquee 滚动标签 常用属性 behavior 滚动方式 loop 循环次数 scrollamount 滚动时间 direction 滚动方向: bgcolor 背景颜色 height 高度 width...语法: scrollamount="" 滚动速度:默认值(600) number 数字(1、2、3),数字越大,速度越慢。...背景颜色 bgcolor 语法: bgcolor="" 背景颜色参数: rgba()  带透明度背景色 rgb() RGB背景颜色 十六进制颜色 #FFF 颜色 red 高度 height 语法:...height="" 高度参数: number 数字(1、2、3) 宽度 width 同上 声明:本文由w3h5原创,转载请注明出处:《HTML滚动标签marquee属性及效果实现》 https:/

    2.5K11

    盘点JavaScriptBigIn函数常见属性

    创建 bigint 方式有两种:在一个整数字面量后面加 n 或者调用 BigInt 函数,该函数从字符串、数字等中生成 bigint。...BigInt("1234567890123456789012345678901234567890"); const bigintFromNumber = BigInt(10); // 与 10n 相同 二、属性...布尔运算 当在 if 或其他布尔运算时,bigint 行为类似于 number。...例: 在 if ,bigint 0n 为 false,其他值为 true: if (0n) { // 永远不会执行 } 布尔运算符 例如 ||,&& 和其他运算符,处理 bigint 方式也类似于...三、总结 本文基于JavaScript基础,介绍了 BigInt 函数,常见属性,通过 BigInt 函数进行数字运算符比较。布尔运算等等,通过按案例分析进行详细讲解。

    68810

    淘宝网店装修代码使用方法大全图_淘宝店铺装修代码用什么软件做

    文字</marquee...到宝贝分类; 3、打开网上相册,选中相应模板,右击属性,复制属性图片地址; 4、由于网上图片地址过长,因此要在易翠网上进行网址缩短工作:即把复制图片地 址到这个网站中进行缩短,然后会出现一个较短图片地址...5、再用短地址放入 “”中就ok了 如何在店铺公告添加个性鼠标指针:...举个例子4)移动字体(走马灯):写上你想写字 把和 删为去掉括号空格即可,其他不用动! 后边代码不动即可!...发现本站有涉嫌侵权/违法违规内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    93620

    liMarquee – jQuery无缝滚动插件

    liMarquee 是一款基于 jQuery 无缝滚动插件,类似于 HTML marquee 标签,但比 marquee 更强大。...它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。...script src="/js/jquery.liMarquee.js"> 2、HTML jQuery无缝滚动插件liMarquee 3、JavaScript...direction 字符串 left 滚动方向,可选 left / right / up / down loop 整数 -1 循环次数,-1 为无限循环 scrolldelay 整数 0 每次重复之前延迟...scrollamount 整数 50 滚动速度,越大越快 circular 布尔值 true 无缝滚动,如果为 false,则和 marquee 效果一样 drag 布尔值 true 鼠标可拖动 runshort

    8.8K30

    零基础学网页开发入门(制作博客案例)适应手机端div+css+js综合介绍

    举例自定义标签: 编程创造城市 2.链接标签 标签表示链接 这个标签href属性表示链接目标。 target="_blank" 表示在新标签打开链接目标。...5.css选择器 css对应html标签属性对应关系: #对应id .对应class 标签名称对应实际标签 css如何表示下一级选择器? 使用空格隔开。...六、JS入门 js是javascript简称。...变量赋值格式: 变量名称=变量值 js时钟控件 时间间隔方法: setInterval方法 使用格式: sertInterval(需要调用函数,时间间隔(单位毫秒)) 匿名函数写法 function...behavior="alternate" direction="right" scrollamount="6">我是效实中学美少男

    1.3K30
    领券