庞大资源库的计算机教程网站!
设为首页
加入收藏
总编信箱
投稿或申请专栏请先 [登 陆]
首页 操作系统 程序设计 图形图像 媒体动画 机械电子 WEB开发 数 据 库 办公系列 路由技术 网络原理 网络应用
认证考试 安全技术
首页>WEB开发>HTML>HTML技巧>正文
资料搜索
Google搜索
Google
返回上级列表

推荐文章

快速保存网页中所有图片的方法
Windows中让光驱巧妙“隐身”技
防范非法用户入侵Win 2000/XP系
两款比较典型的ASP木马防范方法
有关表格边框的css语法整理
Windows XP中可以被禁用的服务
SQL Server导出导入数据方法
Javascript所有对象的属性的获
网页(HTML)中的特殊字符
与篮球共舞,尽显模式本色
QQ病毒的手工清除方法
Photoshop为极品美女打造性感睫
天衣无缝:IIS与PHP水火也相容
SQL Server存储过程编写和优化

垂直滚动信息板

 作者:本站收集   日期:2005-3-15
字号选择〖 〗/ 双击滚屏 单击停止   


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


第二步:请将下列代码放入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>
</font><fontcolor="#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>
</font><br>
</font>
<fontcolor="#408080">你可以把这段代码放在</font>
<fontface="Arial"color="#408080"><fontface="Arial">HTML<br>
</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可以按自己要求更改,文字也可以改为自己所需要的。

上一篇:如何用Meta标志设定重新导向    下一篇:层的高级应用  
[发送给好友]  [关闭窗口]  [返回顶部]   转载请注明来源:www.it00.com   
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
责任编辑: 原点 投稿作者: 本站收集
信息来源: 网络 录入时间: 2005-3-15
关于我们 - 广告服务 - 版权申明 - 网站地图 - 联系方式 - 总编信箱 - 会员投稿