特效预览区

代码复制区

<!--52600/--> <style> .fly { color: 336c6c; font-family: arial; font-size: 24px; position: absolute; visibility: hidden; z-index: 2; } .logo { font-family: 华文彩云; font-size: 40px; color: blue; position: absolute; top: 200px; left: 60px; visibility: visible; z-index: 1; } .desc { position: absolute; top: 180px; left: 300px; width: 100px; visibility: hidden; z-index: 0; } </style> <script LANGUAGE="JavaScript"> ns4 = (document.layers)? true:false ie4 = (document.all)? true:false function showObject(obj) { if (ns4) obj.visibility = "show" else if (ie4) obj.visibility = "visible" } function hideObject(obj) { if (ns4) obj.visibility = "hide" else if (ie4) obj.visibility = "hidden" } function slideLogo(from, to) { if (from < to) { company.top = (from += 10); setTimeout('slideLogo(' + from + ',' + to + ')', 20); } 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()", 50); } function initObjects() { objects = new Array(fly1, fly2, fly3, fly4, fly5, fly6, fly7, fly8); 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 objects */ var objects; var pos; var r = 170; // radius var xoff = 350; // x offset var yoff = 170; // y offset var pi = Math.PI; // get pi var inc = pi / 180; // degrees per rotation cycle var objects; // objects to be rotated var pos; // position for objects </script> <div ID="fly1" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc1)" onMouseOut="hideObject(desc1)"><img border="0" src="star.gif"></a></div> <div ID="fly2" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc2)" onMouseOut="hideObject(desc2)"><img border="0" src="star.gif"></a></div> <div ID="fly3" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc3)" onMouseOut="hideObject(desc3)"><img border="0" src="star.gif"></a></div> <div ID="fly4" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc4)" onMouseOut="hideObject(desc4)"><img border="0" src="star.gif"></a></div> <div ID="fly5" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc5)" onMouseOut="hideObject(desc5)"><img border="0" src="star.gif"></a></div> <div ID="fly6" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc6)" onMouseOut="hideObject(desc6)"><img border="0" src="star.gif"></a></div> <div ID="fly7" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc7)" onMouseOut="hideObject(desc7)"><img border="0" src="star.gif"></a></div> <div ID="fly8" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc8)" onMouseOut="hideObject(desc8)"><img border="0" src="star.gif"></a></div> <div ID="company" CLASS="logo"><p align="center"><font color="#E4E4E4">欢迎使用精品JAVA等效全集</font></div> <div ID="desc1" CLASS="desc"><table border="2" width="190" bordercolorlight="#F6F6F6" height="50" cellspacing="0" cellpadding="0" bordercolordark="#000000" bgcolor="#F0FFF0"><tr> <td width="100%" valign="top"><font size="2"> 全方位的向你介绍网页导航菜单的制作和设计技巧。</font></td> </tr></table></div> <div ID="desc2" CLASS="desc"><table border="2" width="190" bordercolorlight="#F6F6F6" height="50" cellspacing="0" cellpadding="0" bordercolordark="#000000" bgcolor="#F0FFF0"><tr> <td width="100%" valign="top"><font size="2"> 各种文字和图片的滚动设计，是你的网页动态效果的必备之计。</font></td> </tr></table></div> <div ID="desc3" CLASS="desc"><table border="2" width="190" bordercolorlight="#F6F6F6" height="50" cellspacing="0" cellpadding="0" bordercolordark="#000000" bgcolor="#F0FFF0"><tr> <td width="100%" valign="top"><font size="2"> 网页制作中最常用的文字处理特效展示就在这里。</font></td> </tr></table></div> <div ID="desc4" CLASS="desc"><table border="2" width="190" bordercolorlight="#F6F6F6" height="50" cellspacing="0" cellpadding="0" bordercolordark="#000000" bgcolor="#F0FFF0"><tr> <td width="100%" valign="top"><font size="2"> 显示网友在线时的时间以及网站建设的时间，会显得你是一个遵守时间的人。</font></td> </tr></table></div> <div ID="desc5" CLASS="desc"><table border="2" width="190" bordercolorlight="#F6F6F6" height="50" cellspacing="0" cellpadding="0" bordercolordark="#000000" bgcolor="#F0FFF0"><tr> <td width="100%" valign="top"><font size="2"> 你会得到在网站建设中图片的各种显示和处理技巧。</font></td> </tr></table></div> <div ID="desc6" CLASS="desc"><table border="2" width="190" bordercolorlight="#F6F6F6" height="50" cellspacing="0" cellpadding="0" bordercolordark="#000000" bgcolor="#F0FFF0"><tr> <td width="100%" valign="top"><font size="2"> 在小小的鼠标上大做文章，文字图片时而围绕时而跟随，有趣极了。</font></td> </tr></table></div> <div ID="desc7" CLASS="desc"><table border="2" width="190" bordercolorlight="#F6F6F6" height="50" cellspacing="0" cellpadding="0" bordercolordark="#000000" bgcolor="#F0FFF0"><tr> <td width="100%" valign="top"><font size="2"> 网站的主页设计和单一页面的制作离不开这些技巧。</font></td> </tr></table></div> <div ID="desc8" CLASS="desc"><table border="2" width="190" bordercolorlight="#F6F6F6" height="50" cellspacing="0" cellpadding="0" bordercolordark="#000000" bgcolor="#F0FFF0"><tr> <td width="100%" valign="top"><font size="2"> 对状态栏和标题栏上显示的文字字符进行了特别处理，效果一定不错。</font></td> </tr></table></div> <script LANGUAGE="JavaScript"> var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 8); var HIDDEN = (isNS) ? 'hide' : 'hidden'; var VISIBLE = (isNS) ? 'show' : 'visible'; var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; var fly5 = (isNS) ? document.fly5 : document.all.fly5.style; var fly6 = (isNS) ? document.fly6 : document.all.fly6.style; var fly7 = (isNS) ? document.fly7 : document.all.fly7.style; var fly8 = (isNS) ? document.fly8 : document.all.fly8.style; var company = (isNS) ? document.company : document.all.company.style; var desc1 = (isNS) ? document.desc1 : document.all.desc1.style; var desc2 = (isNS) ? document.desc2 : document.all.desc2.style; var desc3 = (isNS) ? document.desc3 : document.all.desc3.style; var desc4 = (isNS) ? document.desc4 : document.all.desc4.style; var desc5 = (isNS) ? document.desc5 : document.all.desc5.style; var desc6 = (isNS) ? document.desc6 : document.all.desc6.style; var desc7 = (isNS) ? document.desc7 : document.all.desc7.style; var desc8 = (isNS) ? document.desc8 : document.all.desc8.style; slideLogo(0, 140); </script>

特效制作：52600  版权所有