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

ASP
一个ASP版的图片浏览管理器
无组件上传图片至SQLSERVER数据库
利用Jmail.Message发送邮件
用Web页面执行客户端程序
多图片上传到指定的目录并存到数据库
dreamweaverMX通用分页代码研究
下拉菜单输入,根据输入内容自动定位
中文的无组件文件上传ASP函数
一个利用adsi得到局域网信息的asp文件
根据需要动态include不同的文件
让自定义文件下载支持断点续传
用数组实现数据记录的批量录入方法
上传的进度条 实时反映上传情况
用ASP动态生成javascript的表单验证代码
ASP 编程中20个非常有用的例子
ASP生成Word文档的又一方法
用asp解析图片地址,并将其保存。
利用ASP的文件操作实现用户管理
创建 Visual Basic COM 组件在 ASP 中使用
调试 ASP 中使用的 Visual Basic COM 组件

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 98 ::
收藏到网摘: 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可以按自己要求更改,文字也可以改为自己需要的.