垂直滚动信息板

2016-02-19 21:35 2 1 收藏

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

【 tulaoshi.com - Web开发 】

  第一步:请将下列原代码放入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

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

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

  第二步:请将下列代码放入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

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

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

来源:https://www.tulaoshi.com/n/20160219/1626582.html

延伸阅读
标签: Web开发
垂直搜索是针对某一个行业的专业搜索引擎,是搜索引擎的细分和延伸,是对网页库中的某类专门的信息进行一次整合,定向分字段抽取出需要的数据进行处理后再以某种形式返回给用户。 垂直搜索引擎和普通的网页搜索引擎的最大区别是对网页信息进行了结构化信息抽取,也就是将网页的非结构化数据抽取成特定的结构化信息数据,好比网页搜索是以网页...
标签: Web开发
12345678910111213141516171819202122232425262728
标签: 电脑入门
视图-重排窗口-垂直平铺。
标签: Web开发
代码如下: (function($){ $.fn.extend({ rollList:function(option){ option=$.extend({ direction:"up", step:1, time:23 },option); var step_coe,scroll_coe,score_coe; if(option.direction=="up") { step_coe=1; scroll_coe=1; score_coe=1; }else { step_coe=-1; scroll_coe=-1; score_coe=0; } return this.each(...
  我们一般都用Marquee标签控制元素的滚动。但是单向的Marquee滚动是不连续的,每滚完一幕,就会出现一次空白。而下面介绍中的滚动则是连续的,毫不间断。 下面小阳为你介绍这是如何实现的。 为了滚动能够“连续”,我们需要将字幕的内容复制多遍,直到内容的高度不小于滚动区高度的两倍。然后我们将溢出的滚动条隐藏掉,用...

经验教程

604

收藏

67
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部