不用java的垂直滚动看板

2016-01-29 18:16 55 1 收藏

不用java的垂直滚动看板,不用java的垂直滚动看板

【 tulaoshi.com - ASP 】

  次看板是采用javacript语言和DHTML的层,不需要固定在form框里或者表格里,它用的是<div</div,你可以把这段代码放在HTML代码里的任何地方,都不会影响它出现的位置,这是一个用处很大的程序
可以用在网页里作广告或则告示板,主要做法分三步:

第一步,请将下列原代码放入html文件的<head和</head之间
<script
<!--
lstart=200
loop=true
speed=350
pr_step=5

function makeObj(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")
return this
}
function goUp(speed){
  if(parseInt(this.css.top)-this.scrollHeight){
    this.css.top=parseInt(this.css.top)-pr_step
    setTimeout(this.obj+".up("+speed+")",speed)
  }else if(loop) {
    this.css.top=lstart
    eval(this.obj+".up("+speed+")")
  }
}
function slideInit(){
  oSlide=makeObj('divNews','divCont')
  oSlide.css.top=lstart
  oSlide.up(speed)
}
onload=slideInit
//--
</script

其中lstart设置起始位置,loop设置是否循环,speed是滚动速度,pr_step设置间距。
第二步,请将下列代码放入html文件的任何地方,建议放在最后,就是</html之后。

<div id="divCont"
style="position:absolute; width:300; height:100; top:120; left:280; clip:rect(0,250,150,0)"<div
id="divNews" style="position:absolute; top:0; left:0"

<div id="divCont"
style="position:absolute; width:300; height:100; top:120; left:280; clip:rect(0,250,150,0)"<div
id="divNews" style="position:absolute; top:0; left:0"
<p欢迎大家光临我家<br
每个走进这地方的人<br
都能找到想找的东西<br
这里是数字化的空间<br
我,你,他,她<br
执着爱这个世界的人<br
生活在这个世界<br
我的小岛也就成了<br
这世界的驿站<br
我期望这里会成为大家愉快的休憩场所<br
也非常渴望在这里与大家相知相识</p
</div</div

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

来源:http://www.tulaoshi.com/n/20160129/1505086.html

延伸阅读
标签: 养生 健康
我们已经习惯了将同一年份的葡萄酒放在一块儿进行比较。其实另一种方法——垂直品酒似乎更令人难以忘怀。十余年前,一次垂直品酒的体验才让我真正领略到了红酒的“性格”。 所谓垂直品酒,指在同一庄园或在同一产区内,选择不同年份的葡萄酒进行垂直比较。如此才能在一样的风土条件中,了解天然环境对葡萄酒会产生的多重影响。 如今我...
标签: Web开发
垂直搜索是针对某一个行业的专业搜索引擎,是搜索引擎的细分和延伸,是对网页库中的某类专门的信息进行一次整合,定向分字段抽取出需要的数据进行处理后再以某种形式返回给用户。 垂直搜索引擎和普通的网页搜索引擎的最大区别是对网页信息进行了结构化信息抽取,也就是将网页的非结构化数据抽取成特定的结构化信息数据,好比网页搜索是以网页...
标签: Web开发
尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TABLE(display: table;) ,内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中,但非标准浏览器是不支持...
由于项目需要,我们需要一个可以横向滚动的,又可以竖向滚动的 表格。而且又要考虑大数据量(行)的展示视图。经过几天的研究终于搞定,做了一个演示。贴图如下:           好吧。让我们看思路是什么样的:   1. 上下滚动直接使用 listView来实现。 2. 左右滚动使用HorizontalScrollView,来处理滚...
标签: Web开发
程序代码 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" / title滚动新闻类...

经验教程

167

收藏

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