`

JS 滚动字幕

    博客分类:
  • web
阅读更多

<marquee
align=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>内容</marquee>
各参数详解:
align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。
Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。
Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。
Behavior:用于设定滚动的方式,主要由三种方式:
     behavior="scroll"表示由一端滚动到另一端;
     behavior="slide":表示由一端快速滑动到另一端,且不再重复;
     behavior="alternate"表示在两端之间来回滚动。
Height:用于设定滚动字幕的高度。
Width:则设定滚动字幕的宽度。
Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。
Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。默认为6,建议设为1~3比较好
scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。
Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。其中默认情况是向左滚动无限次,字幕高度是文本高度;滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

<onmouseover=stop() onmouseout=start()>鼠标事件

一个实例:
<marquee
align=left
direction=up
behavior=scroll
height=72
scrollamount=2
Scrolldelay= 1
loop=-1
onmouseover=stop()
onmouseout=start()>
<div align="left">
<%if(marryds.first()){
do{%>
<img src="images/hot1.gif"><a href="../marryindex.jsp?myid=<%=ds.getString("sequenceid")%> "class="jh">
<%=CodeChange.subStr(marryds.getString("text"),20)%> </a> <br>
<%}while(marryds.next());
}
%>
</div>
</marquee>

分享到:
评论

相关推荐

    JS滚动字幕

    本文将深入解析如何利用JavaScript(简称JS)来创建滚动字幕,并结合给定的代码示例进行详细说明。 #### 原理概述 滚动字幕的基本原理是通过不断改变`&lt;div&gt;`元素的`scrollTop`属性,使内部内容看起来像是在上下...

    css+js滚动字幕

    html css+纯js实现无缝连接循环的滚动字幕,内有注释

    js滚动字幕

    从给定的文件信息来看,我们正在探讨的主题是利用JavaScript(JS)来创建滚动字幕效果,这在网站设计和动态展示中非常常见。滚动字幕可以按照上下左右四个方向进行移动,为网页添加动感元素,提升用户体验。下面将...

    JavaScript滚动字幕事件.pdf

    JavaScript滚动字幕事件是网页开发中一种常见的动态效果,用于创建吸引用户注意力的滚动文本。本文档主要介绍了如何利用JavaScript和HTML的`&lt;marquee&gt;`标签来实现这一功能。`&lt;marquee&gt;`标签虽然功能相对简单,但它能...

    JavaScript滚动字幕事件案例.pdf

    本文将深入探讨两个JavaScript滚动字幕事件案例,包括`onbounce`和`onstart`事件。 案例1关注的是`onbounce`事件。在HTML的`&lt;marquee&gt;`元素中,`onbounce`事件会在滚动内容达到其滚动边界时触发。在提供的源代码中...

    js 实现 带链接的滚动字幕

    js 实现 带链接的滚动字幕! 值得下载看看!资源免费,大家分享!!

    用JavaScript和ASP制作连续滚动的字幕

    以下是一个简单的JavaScript滚动字幕示例: ```html ; overflow:hidden;"&gt; 这是正在滚动的字幕内容 var scrollingText = document.getElementById('scrollingText'); var width = scrollingText.offsetWidth; ...

    dreamweaver CS3中网页滚动字幕的设计

    要使滚动字幕在鼠标悬停时停止滚动,可以使用JavaScript事件`onmouseover`和`onmouseout`: ```html ()" onmouseout="start()"&gt;文字内容 ``` 最后,如果你想实现多行文本向上滚动,可以结合` `标签(换行)和`...

    js 字幕滚动

    在JavaScript(JS)中实现字幕滚动功能是一项常见的任务,主要应用于视频播放器、直播平台或者任何需要实时显示文本信息的场景。字幕滚动能够帮助观众理解音频内容,尤其是在语言障碍或环境嘈杂的情况下。以下将详细...

    asp和vbscript滚动字幕连接数据库代码

    根据提供的标题、描述、标签及部分内容,我们可以了解到这段代码是使用ASP(Active Server Pages)结合VBScript实现的一个滚动字幕功能,并且该功能能够从数据库中读取新闻标题等相关信息来展示滚动字幕。...

    滚动字幕制作手册

    这份手册详细介绍了如何利用HTML、CSS和可能涉及的JavaScript技术来实现各种滚动字幕效果。 HTML(HyperText Markup Language)是网页内容的基本结构语言,用于定义网页的各个部分,如段落、标题、链接等。在滚动...

    基于CSS和JavaScript的网页滚动字幕.pdf

    "基于CSS和JavaScript的网页滚动字幕" 本文主要介绍了基于CSS和JavaScript的网页滚动字幕的设计原理、设计思路和实现方法。文章首先介绍了网页滚动字幕的重要性和应用场景,然后详细介绍了使用HTML、CSS和...

    Html滚动字幕代码

    总结起来,HTML滚动字幕可以通过`&lt;marquee&gt;`标签、CSS动画或者JavaScript实现。每种方法都有其适用场景,开发者应根据项目需求和浏览器兼容性选择合适的方法。在实际应用中,还可以结合响应式设计,使滚动字幕在不同...

    教你如何用dreamweaver制作滚动字幕

    在网页设计领域,动态元素是吸引用户注意力的重要手段,其中滚动字幕就是一种常见的效果。Dreamweaver,作为Adobe公司推出的强大网页设计工具,提供了便捷的方式来创建这种效果。本教程将详细讲解如何利用...

    jquery滚动字幕

    "jquery滚动字幕"是指利用jQuery库来创建一种动态显示文字的效果,通常用于网站的头部或者底部,可以吸引用户的注意力,增加信息的可读性。这种效果常见于新闻网站、公告栏或电影预告片等场景。 一、jQuery滚动字幕...

    krpano滚动字幕

    krpano是一款强大的虚拟现实(VR)和360度全景图展示工具,它支持多种交互功能,包括滚动字幕。在本篇文章中,我们将深入探讨krpano中的滚动字幕实现及其相关知识点。 首先,krpano使用XML配置文件来定义场景、交互...

    暗示滚动字幕及滚动时间

    标题“暗示滚动字幕及滚动时间”揭示了我们要探讨的核心技术——如何实现文字在屏幕上的滚动展示,并且能够显示滚动字幕的时间。描述中的“从左至右进行滚动,并显示字幕时间”进一步强调了滚动方向和时间同步的重要...

    网页滚动字幕.rar javascript

    虽然JavaScript本身可以实现滚动字幕,但使用jQuery库可以简化代码,提高效率。jQuery提供了方便的DOM操作方法和动画API,如`$(selector).html()`、`.animate()`等,可以帮助快速实现滚动效果。 5. **自定义滚动...

    滚动字幕画面

    5. **编程实现**:实现滚动字幕功能可以使用各种编程语言,如JavaScript(用于Web)、C#(用于Windows应用)、Python(用于跨平台应用)等。开发者需要掌握相关的图形界面库或框架,如HTML5的Canvas、CSS3的动画,...

    HTML 特效代码1-自下向上滚动字幕

    其中,“自下向上滚动字幕”是一种常见的特效,它可以使文本或其他元素从屏幕底部逐渐向上滚动显示。本文将详细介绍如何利用HTML中的`&lt;marquee&gt;`标签来实现这一效果。 #### 一、基本概念 `&lt;marquee&gt;`标签是HTML中...

Global site tag (gtag.js) - Google Analytics