页面载入的动画效果的源代码一例

2024-04-27 13:58:52

字体：大中小

来源：转载

供稿：网友

带滑动性质的全屏广告特效，设置一定时间可以自动关闭。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html <a href="http://www.vevb.com/xml.asp">xml</a>ns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>滑动全屏广告vevb.com</title><scr<a href="http://ip.vevb.com/">ip</a>t type="text/<a href="http://www.vevb.com/article.asp?typeid=160">java</a>script" language="<a href="http://www.vevb.com/article.asp?typeid=36">Javascript</a>">var intervalId = null;function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ this.stayTime=nStayTime*1000 || 3000; this.maxHeigth=nMaxHth || 300; //广告最大高度 this.minHeigth=nMinHth || 1; this.state=sState || "down" ; var obj = document.getElementById(id); if(intervalId != null)window.clearInterval(intervalId); function openBox(){ var h = obj.offsetHeight; obj.style.height = ((this.state == "down") ? (h +5 ) : (h - 5))+"px"; if(obj.offsetHeight>this.maxHeigth){ window.clearInterval(intervalId); intervalId=window.setInterval(closeBox,this.stayTime); } if (obj.offsetHeight<this.minHeigth){ window.clearInterval(intervalId); obj.style.display="none"; } } function closeBox(){ slideAd(id,this.stayTime,"up",nMaxHth,nMinHth); } intervalId = window.setInterval(openBox,2);}</script></head><body><div id="slideAD" style="overflow: hidden; height: 0"> <div align="center"><a href="#"><img name="AD" src="" width="778" height="300" alt="广告内容vevb.com" style="background-color: #FF6600; border:0;" /></a></div></div><script type="text/javascript"> slideAd('slideAD',5);</script><div style="background-color:#0CF; border-top:2px #3399CC solid; font-size:12px; text-align:center; padding:3px;">滑动全屏广告vevb.com</div></body></html>

上一篇：图片马赛克幻灯片特效代码

下一篇：对访问的页面要指定的页面进入才可以

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注