星星满天闪烁的背景 dn001 2009-06-21 08:19:06 <html> <head> <head> <style> <!-- .circle { font-family: Verdana, Helvetica; font-size: 12px; color: #000000; position: absolute; visibility: hidden; z-index: 2 } .text { text-align: left; font-family: Verdana, Helvetica; font-size: 12px; color: #000000; position: absolute; top: 185px; left: 280px; width: 225px; visibility: hidden; z-index: 0 } .picture { font-family: Verdana, Helvetica; font-size: 12px; color: #000000; position: absolute; top: 10px; left: 10px; visibility: visible; z-index: 1 } --> </style> </head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>★欢迎访问网页教学网★ ★ 全力打造素材精品库 图片素材 代码</title> </head> <body> <script language="JavaScript"> <!-- function showObject(object) { object.visibility = VISIBLE; } function hideObject(object) { object.visibility = HIDDEN; } function slidepicture(from, to) { if (from < to) { website.top = (from += 10); setTimeout('slidepicture(' + from + ',' + to + ')', 75); } else initObjects(); } function rotateObjects() { for (var i = 0; i < pos.length; i++) { pos[i] += inc; objects[i].visibility = 'visible'; objects[i].left = (r * Math.cos(pos[i])) + xoff objects[i].top = (r * Math.sin(pos[i])) + yoff; } rotateTimer = setTimeout("rotateObjects()", 75); } function initObjects() { objects = new Array(circle1, circle2, circle3, circle4, circle5, circle6); pos = new Array(); pos[0] = 0; for (var i = 1; i < objects.length; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length)); } rotateObjects(); } // Variables for rotating images/text // var objects; var pos; var r = 150; // radius var xoff = 340; // horizontal position var yoff = 230; // vertical position var pi = Math.PI; var inc = pi / 180; // the higher the pi the slower the speed of rotation var objects; var pos; //--> </script> <div id="circle1" class="circle"> <a href="http://www.knowsky.com/htmldata/sort/3.html" onmouseover="showObject(text1)" onmouseout="hideObject(text1)"><img src="/img/200406303.jpg " border="1" width="128" height="128" ></a><br> </div> <div id="circle2" class="circle"> <a href="http://www.knowsky.com/htmldata/sort/2.html" onmouseover="showObject(text2)" onmouseout="hideObject(text2)"><img src="/img/200406301.jpg " border="1" width="128" height="128" ></a><br> </div> <div id="circle3" class="circle"> <a href="http://www.knowsky.com/htmldata/sort/1.html" onmouseover="showObject(text3)" onmouseout="hideObject(text3)"><img src="/img/200406302.jpg " border="1" width="128" height="128" ></a><br> </div> <div id="circle4" class="circle"> <a href="http://www.knowsky.com/htmldata/sort/4.html" onmouseover="showObject(text4)" onmouseout="hideObject(text4)"><img src="/img/200406303.jpg " border="1" width="128" height="128" ></a><br> </div> <div id="circle5" class="circle"> <a href="http://www.knowsky.com/htmldata/sort/5.html" onmouseover="showObject(text5)" onmouseout="hideObject(text5)"><img src="/img/200406304.jpg " border="1" width="128" height="128" ></a><br> </div> <div id="circle6" class="circle"> <a href="http://www.knowsky.com/htmldata/sort/6.html" onmouseover="showObject(text6)" onmouseout="hideObject(text6)"><img src="/img/200406305.jpg " border="1" width="128" height="128" ></a><br> </div> <div id="website" class="picture"> </div> <div id="text1" class="text"> <p align="center"><b>★欢迎访问网页教学网★ ★<br> 全力打造素材精品库</b><br> 图片素材<br> 代码素材<br> 动画素材<br> 桌面壁纸<br> 矢量素材<br> <font color=red>这里的内容可以不同的哟!</font></p> </div> <div id="text2" class="text"> <p align="center"><b>★欢迎访问网页教学网★ ★<br> 全力打造素材精品库</b><br> 图片素材<br> 代码素材<br> 动画素材<br> 桌面壁纸<br> 矢量素材<br> <font color=red>这里的内容可以不同的哟!</font></p> </div> <div id="text3" class="text"> <p align="center"><b>★欢迎访问网页教学网★ ★<br> 全力打造素材精品库</b><br> 图片素材<br> 代码素材<br> 动画素材<br> 桌面壁纸<br> 矢量素材<br> <font color=red>这里的内容可以不同的哟!</font></p> </div> <div id="text4" class="text"> <p align="center"><b>★欢迎访问网页教学网★ ★<br> 全力打造素材精品库</b><br> 图片素材<br> 代码素材<br> 动画素材<br> 桌面壁纸<br> 矢量素材<br> <font color=red>这里的内容可以不同的哟!</font></p> </div> <div id="text5" class="text"> <p align="center"><b>★欢迎访问网页教学网★ ★<br> 全力打造素材精品库</b><br> 图片素材<br> 代码素材<br> 动画素材<br> 桌面壁纸<br> 矢量素材<br> <font color=red>这里的内容可以不同的哟!</font></p> </div> <div id="text6" class="text"> <p align="center"><b>★欢迎访问网页教学网★ ★<br> 全力打造素材精品库</b><br> 图片素材<br> 代码素材<br> 动画素材<br> 桌面壁纸<br> 矢量素材<br> <font color=red>这里的内容可以不同的哟!</font></p> </div> <SCRIPT LANGUAGE = "JavaScript"> var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4); var HIDDEN = (isNS) ? 'hide' : 'hidden'; var VISIBLE = (isNS) ? 'show' : 'visible'; var circle1 = (isNS) ? document.circle1 : document.all.circle1.style; var circle2 = (isNS) ? document.circle2 : document.all.circle2.style; var circle3 = (isNS) ? document.circle3 : document.all.circle3.style; var circle4 = (isNS) ? document.circle4 : document.all.circle4.style; var circle5 = (isNS) ? document.circle5 : document.all.circle5.style; var circle6 = (isNS) ? document.circle6 : document.all.circle6.style; var website = (isNS) ? document.website : document.all.website.style; var text1 = (isNS) ? document.text1 : document.all.text1.style; var text2 = (isNS) ? document.text2 : document.all.text2.style; var text3 = (isNS) ? document.text3 : document.all.text3.style; var text4 = (isNS) ? document.text4 : document.all.text4.style; var text5 = (isNS) ? document.text5 : document.all.text5.style; var text6 = (isNS) ? document.text6 : document.all.text6.style; slidepicture(0, 0); </SCRIPT> </body> </html>
