当前位置:首页 > 代码 > 正文

文字水平滚动代码(滚动文字的代码)

admin 发布:2022-12-19 22:49 148


本篇文章给大家谈谈文字水平滚动代码,以及滚动文字的代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

滚动文字的HTML代码是什么

style

/*文字滚动样式*/

#scroll{margin:0;list-style:none;width:860px;height:40px;overflow:hidden}

#scroll li {margin:0;padding:0 4px;font-size:12px;height:40px;float:none;}

#scroll2{margin:0;list-style:none;width:860px;height:60px;overflow:hidden;}

#scroll2 li {margin:0;padding:0 4px;font-size:12px;height:18px;}

#scroll2 a{color:#0365CB;font-weight:bold;width:270px;display:block;}

#scroll dl{margin:0px;padding:0px;float:left;padding-right:60px;color:#FF7300;}

#scroll span{font-weight:bold;color:#FF7400;}

/style

!--文字从下往上滚动--

var timeScroll= false;

window.onload = function() {

dMarquee('scroll',timeScroll);

}

function dMarquee(id,timer){

var speed=30; //速度

var stop=2000; //停止时间

var ul = document.getElementById(id);

var rows=ul.getElementsByTagName('li').length;

var height = ul.getElementsByTagName('li')[0].offsetHeight;

ul.innerHTML += ul.innerHTML;

var contain=ul.innerHTML;

var play = function() {

ul.scrollTop++;

if(ul.scrollTop==rows*height){

ul.scrollTop=0;

}

if(ul.scrollTop%height==0) {

timer = setTimeout(play,stop);

}else{

timer = setTimeout(play,speed);

}

}

timer = setTimeout(play,stop);

ul.onmouseover = function() {clearTimeout(timer);}

ul.onmouseout = play;

}

!--测试码,--

ul id="scroll"

li

dl

dtspan朗盛化学/span2011-11-22 18:30-20:30/dt

dd华东理工大学逸夫楼演讲厅/dd

/dl

dl

dtspan合生创展 /span2011-11-22 19:00-21:00/dt

dd 四川大学就业指导中心201(望江校区)/dd

/dl

dl

dtspan百视通/span 2011-11-24 16:00/dt

dd西安交通大学教2—100教室(本部)/dd

/dl

/li

li

dl

dtspan北大方正/span2011-11-22 19:00-21:00/dt

dd 复旦大学行政楼106报告厅(张江校区)/dd

/dl

dl

dtspan中信银行/span2011-11-22 19:00/dt

dd华南理工大学多功能报告厅(五山校区)/dd

/dl

dl

dtspan金地 /span 2011-11-24 16:00/dt

dd湖南大学复临舍201报告厅(本部)/dd

/dl

/li

li

dl

dtspan3M中国/span2011-11-24 16:00/dt

dd华东理工大学逸夫楼演讲厅/dd

/dl

dl

dtspan大族激光/span2011-11-22 19:00-21:00/dt

dd长春理工大学 就业指导中心信息发布厅/dd

/dl

dl

dtspan天普药业/span2011-12-01 19:00-21:00/dt

dd天津中医药大学 天中宾馆二楼多功能厅)/dd

/dl

/li

/ul

vb2012中如何让文字水平滚动

基本思路与方法:

1.窗体上添加一个标签控件,一个Timer控件。

2.标签用来显示文本。Timer控件用来控制并改变标签控件在窗体上位置,达到滚动效果。

完整代码见下面:

注意看不清楚就看下面

本代码经过测试运行通过。

html滚动文字代码!

在要实现滚动的地方,加入此代码:

marquee

direction=up要输入的文字/marquee

up是向上,

down是向下,left向左,right向右.

这两个属性决定文字滚动的速度(scrollamount)和延时(scrolldelay),参数值都是正整数。如下所示:

marquee

scrollamount="100"我速度很快。/marquee

marquee

scrollamount="50"我慢了些。/marquee

marquee

scrolldelay="30"我小步前进。/marquee

marquee

scrolldelay="1000"

scrollamount="100"我大步前进。/marquee

按照自己的需要写代码吧,希望能够帮助你!

网页设计字体滚动代码?

文字滚动是由marquee/marquee控制的。marquee的参数如下:

1、方向 direction=# #=left, right

如:marquee direction=left啦啦啦,我从右向左移!/marquee

marquee direction=right啦啦啦,我从左向右移!/marquee

2、方式 bihavior=# #=scroll, slide, alternate

如:marquee behavior=scroll啦啦啦,我一圈一圈绕着走!/marquee

marquee behavior=slide啦啦啦,我只走一次就歇了!/marquee

marquee behavior=alternate啦啦啦,我来回走耶!/marquee

3、循环 loop=# #=次数;若未指定则循环不止(infinite)

如:marquee loop=3 width=50% behavior=scroll啦啦啦,我只走 3 趟哟!/marquee

marquee loop=3 width=50% behavior=slide啦啦啦,我只走 3 趟哟!/marquee

marquee loop=3 width=50% behavior=alternate啦啦啦,我只走 3 趟哟!/marquee

4、速度 scrollamount=#

如:marquee scrollamount=20啦啦啦,我走得好快哟!/marquee

5、延时 scrolldelay=#

如: marquee scrolldelay=500 scrollamount=100啦啦啦,我走一步,停一停!/marquee

6、对齐方式(Align) align=# #=top, middle, bottom

如:font size=6

marquee align=# width=400啦啦啦,我会移动耶!/marquee

/font

7、底色 bgcolor=#

#=rrggbb 16 进制数码,或者是下列预定义色彩:

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,

Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

如:marquee bgcolor=aaaaee啦啦啦,我会移动耶!/marquee

8、面积 height=# width=#

如:marquee height=40 width=50% bgcolor=aaeeaa 啦啦啦,我会移动耶!/marquee

9、空白(Margins)hspace=# vspace=#

marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();"

------------------------------------------------------------------------------------------------------------------------------

marquee/marquee

以下是一个最简单的例子:

代码如下:

marqueefont size=+3 color=redHello, World/font/marquee

下面这两个事件经常用到:

onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

代码如下:

marquee onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 :用来设置鼠标移入该区域时停止滚动/marquee

这是一个完整的例子:

代码如下:

marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100"

这是一个完整的例子

/marquee

该标签支持的属性多达11个:

align

设定marquee标签内容的对齐方式

absbottom:绝对底部对齐(与g、p等字母的最下端对齐)

absmiddle:绝对中央对齐

baseline:底线对齐

bottom:底部对齐(默认)

left:左对齐

middle:中间对齐

right:右对齐

texttop:顶线对齐

top:顶部对齐

html滚动文字代码是什么?

marquee direction=up behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10 onmouseover=this.stop() onmouseout=this.start() 此处输入滚动内容 /marquee

◎ direction表示滚动的方向,值可以是left,right,up,down,默认为left

◎ behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(往返滚动)

◎ loop表示循环的次数,值是正整数,默认为无限循环

◎ scrollamount表示运动速度,值是正整数,默认为6

◎ scrolldelay表示停顿时间,值是正整数,默认为0,单位似乎是毫秒

◎ align表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle

◎ bgcolor表示运动区域的背景色,值是16进制的RGB颜色,默认为白色

◎ height、width表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度

◎ hspace、vspace表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。

◎ onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

请问哪位高手知道如何用Javascript实现文本框内的文字水平滚动

要完成此效果把如下代码加入到body区域中

SCRIPT language="javascript"

var scroll = true;

var num = 0;

function scrollStatus() {

var statusText = "";

var statusChars = new Array( 't','y','p','h','o','o','n',' ','s','t','a','r','t');

for (var l = 0; l 1; l++) {

for (var a = num; a statusChars.length; a++)

statusText += statusChars[a];

for (var b = 0; b num; b++)

statusText += statusChars[b];

}

window.status = statusText;

num++;

if (num = statusChars.length)

num = 0;

if (scroll) {

setTimeout("scrollStatus()",100);

}

}

scrollStatus();

/SCRIPT

form name="form1"

input name="stopIt" type="text" value="Stop Scrolling"

onClick=" if (scroll == false)

scroll = true;

else

scroll = false;

scrollStatus();

scrollButton();

"

/form

SCRIPT language="javascript"

var num = 0;

scrollButton();

function scrollButton() {

var buttonChars = new Array('S', 't', 'o', 'p', ' ', 'S', 'c', 'r', 'o', 'l', 'l', 'i',

'n', 'g', ' ', ' ');

var buttonText = "";

for (var a = num; a buttonChars.length; a++)

buttonText += buttonChars[a];

for (var b = 0; b num; b++)

buttonText += buttonChars[b];

num++;

if (num = buttonChars.length)

num = 0;

document.form1.stopIt.value = buttonText;

if (scroll) {

setTimeout("scrollButton();", 100);

}

}

/SCRIPT

文字水平滚动代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于滚动文字的代码、文字水平滚动代码的信息别忘了在本站进行查找喔。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/28522.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载