时间:2021-05-26
本文实例讲述了js实现拉幕效果的广告代码。分享给大家供大家参考。具体如下:
这是一款拉幕效果的广告代码,广告图片像窗帘的幕布一样慢慢的被拉上去了,缩小至一定大小后定格,目前来说,在一些大型的门户网站中仍然可以见到这种效果。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-lm-style-adv-pic-style-codes/
具体代码如下:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>slide</title><style type="text/css"> html,body{ width:100%; height:100%; margin:0px; border:0px; text-align:center;}div{ margin:auto; overflow:hidden;}</style></head><body><script type="text/javascript"> function tag(obj){ return document.getElementsByTagName(obj)[0];}window.onload=function(){ setTimeout("slideUp();",1000);}function slideUp(){ if(tag("div").offsetHeight>0){ if(tag("div").offsetHeight>10){ tag("div").style.height=tag("div").offsetHeight-10+"px" setTimeout("slideUp();",20); }else{ tag("div").style.display="none"; tag("img").src="images/wall8.jpg"; tag("div").style.display="block"; slideDown(); } }}function slideDown(){ if(tag("div").offsetHeight<80){ if(tag("div").offsetHeight<70){ tag("div").style.height=tag("div").offsetHeight+10+"px"; setTimeout("slideDown();",20); }else{ tag("div").style.height="80px"; } }}</script><div><img src="images/wall8.jpg"></div></body></html>希望本文所述对大家的javascript程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS实现弹性漂浮效果的广告代码。分享给大家供大家参考。具体如下:这里介绍一款JS弹性漂浮广告代码,碰到网页浏览器的边缘就会顺着弹力的方向自动漂浮下
本文实例讲述了JS实现可关闭的对联广告效果代码。分享给大家供大家参考。具体如下:这是非常经典的一款对联广告代码,带有关闭按钮,用户可以自行关掉广告,另外,广告的
本文实例讲述了javascript实现淘宝幻灯片广告展示效果的方法。分享给大家供大家参考。具体如下:一、效果图如下:二、代码部分:JS代码部分:function
本文实例讲述了JS实现文字放大效果的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:JS实现文字放大效果varn=12;functionchan
微信小程序利用css实现遮罩效果实例详解实现效果图:如图所示,使用css实现小程序的遮罩效果,代码如下js文件代码://index.js//获取应用实例vara