0顶

不停旋转的链接

稿源：互联网 2022-05-19 00:18:40 点击： 325 撤稿纠错

不停旋转的链接效果，修改下就很像3D旋转了，可自定义。

以下讨论的是和链接旋转特效相关的不停旋转的链接教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

.logo {
font-family:    times;
font-size:      48px;
color:          blue;
position:       absolute;
top:            0px;
left:           70px;
visibility:     visible;
z-index:        1;
}

.desc {
text-align:     center;
font-family:    楷体_GB2312;
font-size:      18px;
color:          #336c6c;
position:       absolute;
top:            220px;
left:           140px;
width:          400px;
visibility:     hidden;
z-index:        0;
}

BODY {
background:     #c0c0c0;
}

A {
color:          lime;
}

A:HOVER {
    color : yellow;
    
}
</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);
        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 = 160;        // radius
    var xoff = 280;     // 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>

第二步：把如下代码加入到<body>区域中

<p><small>WELCOME TO Typhoon Start</small></p>
</div><div ID="desc1" CLASS="desc">

<p>link 4的内容 </p>
</div><script LANGUAGE="JavaScript">
    /* Simple version detection */
    var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
/* They can be used in place
       of hidden and visible because on occasion Navigator has problems with the two */
    var HIDDEN = (isNS) ? 'hide' : 'hidden';
    var VISIBLE = (isNS) ? 'show' : 'visible';

/* Create shortcut variables for different absolutely positioned elements */
    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 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;

/* Begin the sliding of the company logo */
    slideLogo(0, 140);
</script>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于不停旋转的链接的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807162659.shtml方便下次再访问哦。

·上一篇： 滚动的说明文字
·下一篇： 翻转的超链接

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

不停旋转的链接

文章分类LIST >>返回首页

最新游戏

最新新闻