关于文字跑马灯暂停的问题请教-CSDN论坛

关于文字跑马灯暂停的问题请教

Web 开发 > JavaScript

收藏回复

[问题点数：100分，结帖人am2000]

⋅BI板块为什么设在SQL SERVER栏目中 ⋅如何获取字符串中的值 ⋅出现java.sql.SQLException: Io 异常: Connection reset by peer: socket write error 更多帖子 关注私信空间博客 am2000 等级 本版专家分：10 结帖率 100%

刚接触javascript,现有现成的跑马灯效果代码.想实现当鼠标移到文字上的时候,文字停顿,需要加什么代码.谢谢!

原始代码：



<script language="JavaScript1.2">

//设置marquee的宽度 (in pixels)

var marqueewidth=400

//设置marquee的高度 (in pixels, 该参数只适用于NS)

var marqueeheight=20

//设置marquee滚动的速度(数值大速度快)

var speed=4

//设置marquee显示内容，使用标准的HTML语法。

var marqueecontents='<strong><big>欢迎光临<a href="http://hexun.com/zy551/default.html">551zy的个人空间</a>红梅 特效代码集锦 </big></strong></font>'

if (document.all)

document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>')

function regenerate(){

window.location.reload()

}

function regenerate2(){

if (document.layers){

setTimeout("window.onresize=regenerate",450)

intializemarquee()

}

}

function intializemarquee(){

document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>')

document.cmarquee01.document.cmarquee02.document.close()

thelength=document.cmarquee01.document.cmarquee02.document.width

scrollit()

}

function scrollit(){

if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){

document.cmarquee01.document.cmarquee02.left-=speed

setTimeout("scrollit()",100)

}

else{

document.cmarquee01.document.cmarquee02.left=marqueewidth

scrollit()

}

}

window.onload=regenerate2

</script>

<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01"> 

<layer name="cmarquee02"></layer>

</ilayer>

2009-10-25 12:22:03

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅sunxing007的留言板 ⋅PHP直播网站怎么找出websocket相关的组件和配置 ⋅ 已安装的组件如何完整备份出来 更多帖子 关注私信空间博客 版主 sunxing007 等级 本版专家分：4321



<script language="JavaScript1.2">

//设置marquee的宽度 (in pixels)

var marqueewidth=400

//设置marquee的高度 (in pixels, 该参数只适用于NS)

var marqueeheight=20

//设置marquee滚动的速度(数值大速度快)

var speed=4

//设置marquee显示内容，使用标准的HTML语法。

var marqueecontents='<strong><big>欢迎光临<a href="http://hexun.com/zy551/default.html">551zy的个人空间</a>红梅 特效代码集锦 </big></strong></font>'

if (document.all)

document.write('<marquee onmouseover="this.stop();" onmouseout="this.start();" scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>')

function regenerate(){

window.location.reload()

}

function regenerate2(){

if (document.layers){

setTimeout("window.onresize=regenerate",450)

intializemarquee()

}

}

function intializemarquee(){

document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>')

document.cmarquee01.document.cmarquee02.document.close()

thelength=document.cmarquee01.document.cmarquee02.document.width

scrollit()

}

function scrollit(){

if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){

document.cmarquee01.document.cmarquee02.left-=speed

setTimeout("scrollit()",100)

}

else{

document.cmarquee01.document.cmarquee02.left=marqueewidth

scrollit()

}

}

window.onload=regenerate2

</script>

<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01"> 

<layer name="cmarquee02"></layer>

</ilayer>

2009-10-25 12:36:18

点赞 1 只看TA 引用举报 #1得分 100

⋅sunxing007的留言板 ⋅PHP直播网站怎么找出websocket相关的组件和配置 ⋅ 已安装的组件如何完整备份出来 更多帖子 关注私信空间博客 版主 sunxing007 等级 本版专家分：4321: 揭帖速度pia-pia地，欣赏！

2009-10-26 09:18:55

点赞只看TA 引用举报 #2得分 0

收起

收藏回复

am2000

等级：

关注私信 TA的帖子

Android TextView实现可暂停的跑马灯效果: 实现可以暂停的跑马灯效果，代码如下： content_main.xml android:id="@+id/tv_marquee" android:layout_width="wrap_content" android:layout_height="wrap_c

JQ实现文字跑马灯，文字横向滚动: 因需求要做一个，横向的文字从右到左的跑马灯 ,鼠标移动上去暂停，参考其他大大的跑马灯不太适用所以，自己再次封装了一个跑马灯，分享给大家也方便自己下次直接使用，我自己用的JQ版本为3.3.1（jquery-3.3.1.min.js...

jquery实现文字跑马灯: 使用jquery实现文字跑马灯，效果图如下：

vue实现文字跑马灯效果: 使用 vue 绑定style属性实现文字跑马灯效果。。。。。。。

android 关于textview跑马灯的问题解决方案: android 关于textview跑马灯的问题解决方案

用触摸按键控制跑马灯跑马或暂停工程一: 除电源外LED灯接A0-A5,触摸按键接A6A7B0B1 注：LED为共阳极 #include"stm32f10x.h" #include"delay.h" #define ABC Delay(0x4FFFFF); #define ABD Delay(0x0FFFFF); #define ABE Delay(0x0FFFFF); /* ...

vue文字跑马灯效果: 当鼠标移入跑马灯文字时，跑马灯文字暂停滚动，反之鼠标移出继续滚动。知识点： substring(字符串截取) setInterval定时器(解决字符串持续截取与头尾拼接) clearInterval清除定时器(解决悬停暂停) ES6箭头函数...

微信小程序-文字跑马灯: 微信小程序 文字跑马灯

跑马灯文字的三种实现方式: 跑马灯文字的三种实现方式 html实现使用 marquee 标签，配合它的一些属性，可以实现功能强大的跑马灯文字， <marquee> 跑马灯 html实现 </marquee> 但是，这个 marquee 标签，并...

安卓实现单行文字跑马灯效果: 如果是多行文字上下左右切换的跑马灯,可以参考《安卓实现多行文字跑马灯效果》. @ 实现效果图实现方案 class MarqueeTextView @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null) : ...

用javascript实现的跑马灯控件，文字跑马灯或图片跑马灯皆可噢！: 自己用js实现的一个跑马灯控件，通过传入参数对象实例化它，然后启动即可。支持的参数有 div对象（id名称或dom对象都可以，已经在内部作了处理）宽度（可选）高度（可选）内容（由数组实现，数组里存放任何html...

textview设置文字后跑马灯不走终极解决办法，外加跑马灯状态回调: 百度上跑马灯的效果太多了但能点进这篇博客一定是跑不起来我这几天也做了个跑马灯效果没有努力读源码所以遇到了不少坑这里简单给大家介绍一下首先 android:ellipsize="marquee" 跑马灯效果 android:...

文字自动滚动效果_俗称：文字跑马灯效果: 文字可以自己滚动，无缝衔接的文字跑马灯效果。没毛病！

html跑马灯/走马灯效果: 实现跑马灯的方法很多，其中最简单的是采用一句Html代码来实现，我们在需要出现跑马灯效果的地方插入“滚动的文字”语句，它的效果如下所示：滚动的文字　适当的运用标签的参数，可以表现出不同的效果，请...

实现文字跑马灯效果: 本示例将实现文字跑马灯效果：文字超过显示宽度每间隔1s自动向左滚动显示，话不多说，请看代码 js实现文字超过显示宽度每间隔1s自动向左滚动显示 *{ margin:0; padding:0;} body{font:12px/1 '微软雅黑...

Android 自定义跑马灯文字: Android 跑马灯效果文字：效果图（真实动画很流畅，这个转gif有问题，感觉有点卡）：、代码: /** * Created by wuguangliang on 2018/12/21 * * 跑马灯效果文字 */ public class ...

TextView文字跑马灯效果: 项目中要用到跑马灯效果，如下：虽说看起来挺简单，但还是踩了好几个坑，故此记录一下。刚开始的时候以为设置以下两个参数就好：android:lines="1" android:ellipsize="marquee"“ellipsize”参数代表text view...

ios 文字跑马灯效果实现: 这是一个text 的跑马灯效果，使用的是绘制文字的方式实现。

Android之跑马灯失焦停止问题: 要TextView 实现跑马灯效果的话，我们只需要关注5个属性即可第一个是要单行显示第二个是单行显示多余部分如何显示,即 ellipsize 属性的设置第三个是获取焦点第四个是走马灯重复次数第五个是强制的获得了焦点,让...

led文字横向跑马灯 led流水灯（用三种方法实现）: 内有四个文件，文字跑马灯，流水灯3种实现方法（顺序结构实现、循环结构的寄存器、状态机）

单片机控制跑马灯: 一、跑马灯和流水灯的区别好多人分不清跑马灯和流水灯，还以为是同一种状态，虽然难度等级是一样的，但是灯的亮灭显示方式是不一样的。请看下图二、单片机控制LED灯的常用电路接法弄清楚跑马灯的显示状态后...

跑马灯效果的多种实现: 跑马灯的多种实现，解决你所有的跑马灯问题，快来看看

JS实现跑马灯效果(鼠标滑入可暂停，离开继续跑): <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>跑马灯效果</title> <style type="text/css"> * { margi...

前端实现文字跑马灯的三种方式: 最近写了一个文字跑马灯的项目需求，刚开始用js写，能够完成需求。后面想着换种方式(分别是html和css)来实现同一个需求,以减少性能消耗。首先，需求分析: 需求点1.判断文字的长度和容器的长度，如果文字长度大于...

jquery跑马灯.rar: 使用jquery实现文字跑马灯效果，文字跑马灯等用于广告公告展示

放跑马灯公告: 跑马灯 显示两行文字的跑马灯

跑马灯的一些使用心得: By Pheobe.liu前言在项目开发过程中，有时候应用涉及多语言，时常会出现内容过长而溢出的问题，例如某些爬虫语言，所以有些地方就考虑用跑马灯来呈现，此外某些特殊应用也会考虑使用跑马灯来增加用户体验。...

JavaScript 一个文字跑马灯代码实现可以设置文字内容、左右滚动方向、文字大小和颜色、滚动速度: JavaScript 一个文字跑马灯代码实现，可以设置文字内容、左右滚动方向、文字大小及颜色、滚动速度，暂停和继续播放。这是一个比较简单，甚至完全可以用css实现，其实就是满足小朋友兴趣爱好写的这么一个demo。看似...

UGUI 实现跑马灯效果: using DG.Tweening; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI;.../// 跑马灯文字设置 /// &amp;amp;amp;amp;amp;lt;/su

微信小程序 跑马灯效果完整代码附效果图: 实现的跑马灯（跑马灯里面显示文章的title）的效果，并在右侧有个查看文章的按钮，按钮绑定当前的跑马灯信息的id，点击按钮后根据id跳转到相应的文章详情页；这里值得注意的点是我用了swiper组件的 bindchange ...

相关热词 c# 控件改了name c#枚举类型有什么用 c# 循环多线程 c#在什么情况用事件 c# exe 运行静默 c#如何打开一组图片 c# sql 引用那些 c#引用py第三方库 c# 属性结构体 c# 加小时