文字水平滚动代码(滚动文字的代码)
admin 发布:2022-12-19 22:49 148
本篇文章给大家谈谈文字水平滚动代码,以及滚动文字的代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、滚动文字的HTML代码是什么
- 2、vb2012中如何让文字水平滚动
- 3、html滚动文字代码!
- 4、网页设计字体滚动代码?
- 5、html滚动文字代码是什么?
- 6、请问哪位高手知道如何用Javascript实现文本框内的文字水平滚动
滚动文字的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站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-09网页代码,网页代码快捷键
- 05-06单页网站的代码(完整的网页代码)[20240506更新]
- 05-06个人主页图片代码(个人主页图片代码怎么弄)[20240506更新]
- 05-06提取微信名片代码(微信名片信息提取)[20240506更新]
- 05-06php后台权限管理代码(php管理员权限)[20240506更新]
- 05-06付费观看代码php(付费观看代码)[20240506更新]
- 05-06在线html执行代码(html怎么运行)[20240506更新]
- 05-06源代码管理资源管理器(资源管理器运行代码)[20240506更新]
- 05-06代码源软件库(程序代码库)[20240506更新]
- 05-06点击弹出密码代码(点击弹出密码代码错误)[20240506更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接