qysnyyds 2021-06-26 22:37 采纳率: 100%
浏览 82
已采纳

如何用按钮控制marquee字幕的滚动？

就是用一个按钮实现点一下暂停字幕滚动  点一下继续滚动

  • 写回答

2条回答 默认 最新

  • CSDN专家-Fay 2021-06-26 22:38
    关注

    用一个按钮控制，这个可以获取到marquee对象，然后调用它的方法：

     

    如有帮助请在我的回答上点个【采纳】

    <body>
  <marquee id="mq">aaaa</marquee>

  <button onclick="zt();" id="btn">暂停</button>

  <script>
	var i=0;
	function zt(){
		if(i==0){
			document.getElementById("mq").stop();
			document.getElementById("btn").innerHTML="继续";
			i=1;
		}else{
			document.getElementById("mq").start();
			document.getElementById("btn").innerHTML="暂停";
			i=0;
		}
	}
	
  </script>
 </body>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • mouseover时显示滚动字幕 特效
    2020-10-31 03:55
    其中，“mouseover时显示滚动字幕特效”是一种常见的前端技术实现，它能够让用户在鼠标悬停于特定元素上时触发一段滚动的文字提示。 #### 实现原理 此特效主要通过JavaScript语言结合HTML与CSS来实现。具体来说，...
  • html滚动字幕怎么设置大小,css怎么设置滚动条宽度？
    2021-06-09 05:25
    隔壁老裁缝的博客 现在很多项目中都用到了滚动条，而且在有的时候，用到的是模拟滚动条，很多大型邮箱都是利用css样式来设置...你可以使用以下伪元素选择器去修改各式webkit浏览器的滚动条样式:::-webkit-scrollbar — 整个滚动条.::...
  • 文字滚动效果组件和按钮组件
    2025-03-01 22:45
    超级无敌大蟑王的博客 是我自己写的，大家也可以自己改，就是文字的循环滚动效果，如下图，文字会向左移动，结束之后也会有一个循环，还有一个按钮组件，基本框架写的差不多了已经，大家可以看着改，如果使用直接拿走就行了。
  • html+css 实现文字滚动的按钮
    2024-08-02 16:28
    宝码香车的博客 给每一个按钮添加一个hover效果，含具体代码，深入理解，彻底掌握！直接看代码，可以一键复制，查看效果。
  • HTML文字滚动
    2024-06-12 18:48
    wy200805的博客 蔡徐坤</font><marquee scrollamount="滚动速度"></marquee>改变字体的样式：微软雅黑">蔡徐坤</font><marquee bgcolor="颜色代码"></marquee>改变字体的大小：蔡徐坤
  • 教你五分钟实现前端页面滚动信息的制作
    2018-09-19 22:15
    zoomdong的博客 marquee标签的介绍 这个标签是html里面用来制作滚动信息栏目的一个标签,而且这是个成对出现的闭合的标签.用起来类似于html里面很常规的标签.但是由于这个标签吧,很久都没使用了,现在我们也只是粗略介绍一下里面的...
  • html基础运用：符号运用，创建表单，滚动字幕......
    2022-02-18 16:10
    m5426的博客 用ul来引导，其中的每个列表元素都是一个li 你的兴趣爱好 篮球 足球 乒乓球 排球 棒球 展示如下 有序列表 用ol来引导，其中的每个列表元素都是一个li 你的兴趣爱好 篮球 足球 乒乓球 排球 棒球 展示如下 1.3 滚动字幕 ...
  • marquee标签详解——跑马灯效果(转)
    2018-11-09 10:53
    hzfw2008的博客 之间的内容就是滚动内容。&lt;marquee&gt;标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。  beha...
  • jQuery实现无缝横向滚动
    2022-01-17 13:59
    PangDong__的博客 //设置速度（数值越大速度越慢） var parents = $('#supplyBox2');//获取父容器 var allParents = $('#supplyBox... 左右按钮个人感觉确实没啥用，明明都已经滚动了还要按钮干嘛呢，奈何产品大哥执着故此加上。 效果：
  • html 圆点滚动条,HTML滚动条详解
    2021-06-09 11:34
    凯萨大地的博客 在前端开发的页面设计当中，由于四象限中可能会有很多任务，可能会超出象限大小，所以需要加上滚动条。HTML滚动条一般是：overflow:auto这个属性;HTML滚动条标签是marquee，它是成对出现的标签，首标签和尾标签之间...
  • 【前端】HTML详细教程（下篇）
    2021-10-24 08:53
    孤寒者的博客 爬虫必备前端技术栈 - HTML（下篇）
  • 构建自定义网页滚动字幕的JavaScript实战指南
    2024-09-03 11:17
    三冬评论员的博客 简介：网页滚动字幕是一种吸引用户的动态效果，可用于公告、广告和新闻更新。本资源通过示例详细介绍了实现...开发者将学习如何使用现代技术创建和优化滚动字幕，适用于各种网页项目。 1. HTML结构定...
  • 前端基础知识总结
    2023-04-03 16:56
    Shi_haoliu的博客 比如我们聊天用的QQ就是使用的UDP协议。 HTTP请求跨域 为什么出现跨域问题： 出于浏览器同源策略限制。 同源策略： 同源策略是一种约定，是浏览器最核心也最基本的安全功能。是浏览器对于JavaScript实施的安全限制，...
  • 前端基础之常用事件
    2021-03-22 13:59
    New_Object()的博客 前端基础之事件列表
  • 前端学习（三）
    2022-01-13 21:58
    5chenyu的博客 qianguyihao/Web: 千古前端图文教程，超详细的前端入门到进阶学习笔记。从零开始学前端，做一名精致优雅的前端工程师。公众号「千古壹号」作者。 (github.com) 第一part——HTML。 01-认识Web和Web标准： HTML...
  • 【前端的开幕】
    2023-07-31 18:07
    愛睡覺.的博客 什么 原来前端竟然如此！！！！！！！！！！！
  • 前端基础之HTML5
    2023-04-11 16:33
    Shi_haoliu的博客 HTML5的语义化是指合理正确的使用语义化的标签来创建页面结构正确的标签干正确的事。
  • 没有解决我的问题, 去提问