瓷都网 | 网页特效

特效说明

非常靓的一个特效，可以让访问量大的用户多设置一些镜像站点，而且中间的文字可以改在一张图片

特

效

代

码

<head>
<STYLE>.fly {
	POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 2
}
.logo {
	LEFT: 231px; POSITION: absolute; TOP: 130px; VISIBILITY: visible; Z-INDEX: 1
}
.desc {
	COLOR: #000000; FONT-FAMILY: 宋体; LEFT: 235px; POSITION: absolute; TEXT-ALIGN: center; TOP: 355px; VISIBILITY: hidden; WIDTH: 100px
}
A:active {
	COLOR: #006600; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:hover {
	COLOR: red; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; TEXT-DECORATION: underline
}
A:link {
	COLOR: blue; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:visited {
	COLOR: #006600; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
BODY {
	COLOR: #000000; FONT-SIZE: 9pt
}
</STYLE>

function showObject(object) {
        object.visibility = VISIBLE;
    }

function hideObject(object) {
        object.visibility = HIDDEN;
    }

function slideLogo(from, to) {
            if (from < to) {
                company.top = (from += 10);
                setTimeout('slideLogo(' + 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(fly1, fly2, fly3, fly4, fly5);
        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();
    }

var objects;
    var pos;
    var r = 148;        // radius
    var xoff = 260;     // x offset
    var yoff = 150;     // 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>

function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50);
showObject(desc6);
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=70;
hideObject(desc6);
}

function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=3
else if (window.highlighting)
clearInterval(highlighting)
}

</SCRIPT></head>
<DIV class=fly id=fly1><A href="../../../index.html"  onmouseout=hideObject(desc1) onmouseover=showObject(desc1)  target=_blank>瓷都首页</A><BR></DIV>
<DIV class=fly id=fly2><A href="../../../bbs.html"  onmouseout=hideObject(desc2) onmouseover=showObject(desc2)>瓷都论坛</A><BR></DIV>
<DIV class=fly id=fly3><A href="../../../webtx"  onmouseout=hideObject(desc3) onmouseover=showObject(desc3)>网页特效</A><BR></DIV>
<DIV class=fly id=fly4><A href="../../../about"  onmouseout=hideObject(desc4) onmouseover=showObject(desc4)>关于我们</A><BR></DIV>
<DIV class=fly id=fly5><A href="../../../guestbook"  onmouseout=hideObject(desc5) onmouseover=showObject(desc5)>访客留言</A><BR></DIV>
<DIV class=logo id=company style="Z-INDEX: 1">
<P>欢迎光临瓷都网页特效集锦！</P>
<P>请多提宝贵意见！！</P>
<P>这里也可以是图象！</P></DIV>
<DIV class=desc id=desc1>瓷都首页</DIV>
<DIV class=desc id=desc2>瓷都论坛</DIV>
<DIV class=desc id=desc3>瓷都网页特效集锦，让你的网页飞起来！</DIV>
<DIV class=desc id=desc4>链接说明4</DIV>
<DIV class=desc id=desc5>链接说明5</DIV>
<SCRIPT language=JavaScript>

var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);

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 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;

slideLogo(-200, 130);

</SCRIPT>

@_⌒ 特效预览 @_⌒

强烈推荐！！！

瓷都首页

瓷都论坛

瓷都网页特效集锦，让你的网页飞起来！

链接说明4

链接说明5