本文实例讲述了射流研究…实现拉幕效果的广告代码。分享给大家供大家参考。具体如下:
这是一款拉幕效果的广告代码,广告图片像窗帘的幕布一样慢慢的被拉上去了,缩小至一定大小后定格,目前来说,在一些大型的门户网站中仍然可以见到这种效果。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-lm-style-adv-pic-style-codes/
具体代码如下:
html health eta http-equiv=' Content-Type ' Content=' text/html;charset=GB 2312 '/title幻灯片/title样式类型=' text/CSS ' html,正文{ width :100%;高度:100%;余量:0像素边界:0像素文本对齐:居中;} div { margin:auto飞越:隐藏;}/style/head dyscript type=' text/JavaScript '函数标记{退回文件。getelementsbytagname(obj)[0];}窗口。onload=function(){ setTimeout('上滑();',1000);}函数slideUp(){ if(标记(' div').offsetHeight0){ if(标记(“div”)。偏右10){ tag(' div ')。风格。高度=标签(' div ').偏移右-10 ' px ' setTimeout('上滑();',20);} else { tag(' div ')。风格。显示='无';标签(' img ').src=' http : images/wall 8。jpg ';标记(“div”)。风格。display=' block向下滑动();} } }函数向下滑动(){ if(标记(' div ')。偏右80){ if(标记(' div ')。偏右70){标记(' div ')。风格。高度=标签(' div ').偏右10 ' pxsetTimeout('向下滑动();',20);} else { tag(' div ')。风格。高度=' 80px} } }/script div mg src=' http : images/wall 8。jpg '/div/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。