垂直滚动信息板

加Q296457886

加Q296457886

2016-02-19 21:35

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的垂直滚动信息板懂设计的网友们快点来了解吧!

  第一步:请将下列原代码放入html文件的head和/head之间:

script
!--
lstart=160
loop=true
speed=350
pr_step=5
functionmakeObj(obj,nest){
nest=(!nest)?'':'document.'+nest+'.'
this.css=(document.layers)?
eval(nest+'document.'+obj):eval(obj+'.style')
this.scrollHeight=document.layers?this.css.document.height:eval(obj+'.
offsetHeight')
this.up=goUp
this.obj=obj+"Object"
eval(this.obj+"=this")
returnthis
}
functiongoUp(speed){
if(parseInt(this.css.top)-this.scrollHeight){
this.css.top=parseInt(this.css.top)-pr_step
setTimeout(this.obj+".up("+speed+")",speed)
}elseif(loop){
this.css.top=lstart
eval(this.obj+".up("+speed+")")
}
}
functionslideInit(){
oSlide=makeObj('divNews','divCont')
oSlide.css.top=lstart
oSlide.up(speed)
}
onload=slideInit
//--
/script

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  注:其中lstart设置起始位置,loop设置是否循环,speed是滚动速度,pr_step设置间距。

  第二步:请将下列代码放入html文件的任何地方,建议放在最后,就是/html之后:

divid="divCont" style="position:absolute;width:300;height:100;top:120;left:280; clip:rect(0,250,150,0)"
divid="divNews"style="position:absolute;top:0;left:0"
p
/font
fontcolor="#408080"这是一个滚动看板/font
fontface="Arial"color="#408080"br
/font
fontcolor="#408080"但并不是大家经常看到的/font
fontface="Arial"color="#408080"br
/font
fontcolor="#408080"用/font
fontface="Arial"color="#408080"
font face="Arial"java/font
/font
fontcolor="#408080"实现的那种/font
fontface="Arial"color="#408080"br
/font
fontcolor="#408080"它采用/font
fontface="Arial"color="#408080"
font face="Arial"javacript/font
/fontfontcolor="#408080"语言和/font
fontface="Arial"color="#408080"
fontface="Arial"DHTML/font
/font
fontcolor="#408080"的层/font
fontface="Arial"color="#408080"br
/font
fontcolor="#408080"所以你看到的原代码/font
fontface="Arial"color="#408080"br
/font
fontcolor="#408080"不需要固定在/font
fontface="Arial" color="#408080"form/font
fontcolor="#408080"框里或者表格里/font
fontface="Arial"color="#408080"br
/font
fontcolor="#408080"它是用的/font
fontface="Arial"color="#408080"
font face="Arial"
div/div
/fontbr
/font
fontcolor="#408080"你可以把这段代码放在/font
fontface="Arial"color="#408080"fontface="Arial"HTMLbr
/font
/font
fontcolor="#408080"代码里的任何地方/font
fontface="Arial"color="#408080"br
/font
fontcolor="#408080"都不会影响它出现的位置/font
fontface="Arial"color="#408080"/p
p
/font
fontcolor="#408080"这是一个用处很大的程序/font
font face="Arial"color="#408080"br
/font
fontcolor="#408080"可以用在网页里作广告或则告示板/font
fontface="Arial"color="#408080"br
/font
fontcolor="#408080"赶快/font
fontface="Arial"color="#408080"fontface="Arial"Copy/font/font
fontcolor="#408080"到你的主页里试试吧!/font
fontface="Arial"color="#408080"/p
/div/div

  注:其中的width,height,top,left可以按自己要求更改,文字也可以改为自己所需要的。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

垂直滚动信息板

Web开发
垂直滚动信息板

不用java的垂直滚动看板

ASP
不用java的垂直滚动看板

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

产生随机滚动信息

ASP
产生随机滚动信息

word2024右侧垂直滚动条不见了怎么显示

word
word2024右侧垂直滚动条不见了怎么显示

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

怎样显示Word2024中的垂直和水平滚动条

word
怎样显示Word2024中的垂直和水平滚动条

Word 2024右侧垂直滚动条消失了怎么办?

word
Word 2024右侧垂直滚动条消失了怎么办?

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

wps文字各种对齐方式介绍

wps文字各种对齐方式介绍

HTML保持用户状态的多种方法比较

HTML保持用户状态的多种方法比较
下拉加载更多内容 ↓