142、旋转的导航链接

142、旋转的导航链接

脚本说明:

把如下代码加入<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.7stk.com/" onmouseover="showObject(text1)" onmouseout="hideObject(text1)"><img src="sto/0005.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="circle2" class="circle">

<a href="allspace.htm" onmouseover="showObject(text2)" onmouseout="hideObject(text2)"><img src="sto/0005.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="circle3" class="circle">

<a href="../piepure.htm" onmouseover="showObject(text3)" onmouseout="hideObject(text3)"><img src="smallheadaff_ho.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="circle4" class="circle">

<a href="../cgi/treemenu.htm" onmouseover="showObject(text4)" onmouseout="hideObject(text4)"><img src="smallheadshop_ho.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="circle5" class="circle">

<a href="http://www.7stk.com/fine/index.htm" onmouseover="showObject(text5)" onmouseout="hideObject(text5)"><img src="smallheadmus_ho.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="circle6" class="circle">

<a href="../chichin.htm" onmouseover="showObject(text6)" onmouseout="hideObject(text6)"><img src="smallheadinfo_ho.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="website" class="picture">

</div>

<div id="text1" class="text">

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<br>             

<font color=red>这里的内容可以不同的哟!</font></p>              

</div>              

<div id="text2" class="text">             

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<br>             

<font color=red>这里的内容可以不同的哟!</font></p>                

</div>             

<div id="text3" class="text">             

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<br>             

<font color=red>这里的内容可以不同的哟!</font></p>         

</div>             

<div id="text4" class="text">             

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<br>             

<font color=red>这里的内容可以不同的哟!</font></p>             

</div>             

<div id="text5" class="text">             

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<br>             

<font color=red>这里的内容可以不同的哟!</font></p>     

</div>             

<div id="text6" class="text">             

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<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>

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

Write a comment

Comments: 0