当前位置: 首页 > 图文教程 > 网络编程 > ASP > 不用java的垂直滚动看板

ASP
Adodb.Command 平时很少注意到的一个参数
Asp.Net控件加载错误的解决方法
远程连接access数据库的方法
创建具有JScript的HTML的XMLHTTP
在Asp中如何快速优化分页的技巧
用VB生成DLL封装ASP代码,连接数据库
RS.OPEN SQL,CONN,A,B 全接触
利用adodb.stream直接下载任何后缀的文件(防盗链)
用ASP编程控制在IIS建立Web站点的程序代码
使用VBScript操作Html复选框(CheckBox)控件
把文章内容中涉及到的图片自动保存到本地服务器
两个不同数据库表的分页显示解决方案
使用组件封装数据库操作(一)
使用组件封装数据库操作(二)
如何在pb中创建COM组件,并在asp中调用并返回结果集?
用ASP和Microsoft.XMLDOM分析远程XML文件
浅谈无刷新取得远程数据技术
将ASP纪录集输出成n列的的表格形式显示的方法
在ASP中通过oo4o连接Oracle数据库的例子
Server Application Error详细解决办法

ASP 中的 不用java的垂直滚动看板


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 75 ::
收藏到网摘: n/a

  次看板是采用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可以按自己要求更改,文字也可以改为自己需要的.