Pictures of mouse sensing in web pages [web page special effects]

Author：Eve Cole Update Time：2009-06-20 15:45:56

Example of web page special effects code. After opening the web page, large picture advertisements will be displayed regularly and then automatically closed. Some portals such as 163 homepage have this advertising effect.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Top Large advertisements on display</title> <script type="text/javascript" language="javascript"> var time = 500; var h = 0; function addCount() { if(time>0) { time--; h = h+5; } else { return; } if(h>500) //Height { return; } document.getElementById("ads").style.display = ""; document.getElementById("ads"). style.height = h+"px"; setTimeout("addCount()",30); } window.onload = function showAds() { addCount(); setTimeout("noneAds()",7000); //Stay time itself Adjust appropriately} </script> <script type="text/javascript" language="javascript"> var T = 500; var N = 500; //Height function noneAds() { if(T>0) { T-- ; N = N-5; } else { return; } if(N<0) { document.getElementById("ads").style.display = "none"; return; } document.getElementById("ads").style .height = N+"px"; setTimeout("noneAds()",30); } </script> </head> <body> <div id="ads" style="margin:auto; display:none; width :900px; top:0px; height:0px; border:solid 1px #000; background-color:#fafafa; overflow:hidden; text-align:center;"> <a target="_blank" href="http:/ /www.downcodes.com">Website Building Academy Address: http://www.downcodes.com</a> </div> <div style="margin:auto; width:900px; height:200px; border:solid 1px #000; background-color:#fafafa; text-align:center;"> Website main content </div> </body> </html>