超棒的爪哇岛描述语言页面顶部卷动广告效果

前言

这篇文章主要介绍了关于利用爪哇岛描述语言实现的超棒的页面顶部卷动广告效果，主要通过控制图片外层差异来实现的，下面话不多说了，来一起看看详细的介绍吧。

实例代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；字符集=GB 2312/标题无标题文档/titlestyle type='text/css '！-车身{边际：0背景技术： # 000;} img { border:0} - /style脚本类型='text/javascript '！-var now height=0；//初始广告层高度var maxheight=224//广告层最大高度var adobjvar opendivar closdivvar addfunvar handbjvar reduce func变速=7;//层卷动速度函数showtopad(){ adobj=document。getelementbyid(' bigad ')；open div=文档。getelementbyid(' open div ')；clos div=文档。getelementbyid(' clos div ')；if(现在高度=0){打开div。风格。显示='无'；adobj。风格。display=' blockaddfunc=setInterval('addheight()'，1)；} }函数close opad(){ if(现在高度为0){ call reduce height()；if(类型(handobj)=' number '){ clear time out(handobj)；} } }函数添加高度(){现在高度=速度；if(nowheightmaxheight){ clearInterval(add func)；克洛斯区。风格。顶部=最大高度-30；克洛斯区。风格。display=' blockhandobj=setTimeout(' call reduce height()'，6000)；返回；} adobj。风格。高度=现在的高度“px”；}函数callreduce高度(){ clos div。风格。显示='无'；reduce func=SetInterval(' reduce height()'，1)；}函数降低高度(){ adobj。风格。高度=现在的高度“px”；现在高度-=速度；if(现在高度=0){ clearInterval(reduce func)；adobj。风格。显示='无'；打开div。风格。display=' block返回；} }/////脚本/头体div id=' open div ' style=' position : absolute；top:3pxright:3pxz索引：10;padd :3 pxborder 33601 px # 000固体；光标：手；背景# fff'span onclick='showtopad()'打开/span/div div id=' clos div ' style=' position : absolute；右：4pxz索引：10;padd :3 pxborder 33601 px # 000固体；display:none光标：手；背景# fff 'span onclick=' closetopad()'关闭/span/div div id=' bigad ' style=' width :1003 px；高度：0;飞越：隐藏；display:none'a href='//www .JB 51。net/' target=' _ blank ' img src=' http://www .JB 51。net/上传/20071201215241934。jpg '/a/div p style=' margin 33605 px；文本对齐：居中；字体粗细：加粗；font-size :14 pxcolor: # fff '上面是广告，你可以点击看看效果！^_^ /p /body/html总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对我们的支持。