一个漂亮的连接效果(页 1) - 各类·软件 - Honey.哈你-PS素材精品网站 PS素材|笔刷|签名教程|可爱素材|图片|像素|制图素材|非主流|honey

ˊ瑩宀寶ゝ.. 发表于 2008-3-17 18:34

一个漂亮的连接效果

[html]<html>
<head>
<title>Link Style01 - Cocoon Studio</title>
<SCRIPT LANGUAGE="JavaScript">
      CocoonStudio = function(){}
      CocoonStudio.DHtml = function(){}
      CocoonStudio.DHtml.LinkStyle01 = function(){}
      CocoonStudio.DHtml.LinkStyle01.TemplteDiv = document.createElement("DIV");
      with(CocoonStudio.DHtml.LinkStyle01.TemplteDiv){
            with(style){
                     position = "absolute"; display = "none"; width = height = 0;
                     backgroundColor = "#ffcccc"; border = "1px solid #ff99cc"; cursor = "hand";
                     filter = "progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=0,finishOpacity=0) BlendTrans(duration=1);";
            }
      }
      CocoonStudio.DHtml.LinkStyle01.ActionCount = 10;
      CocoonStudio.DHtml.LinkStyle01.SizeStep = 4;
      CocoonStudio.DHtml.LinkStyle01.FadeStep = 10;
      CocoonStudio.DHtml.LinkStyle01.Timer = new Array();
      CocoonStudio.DHtml.LinkStyle01.Items = new Array();
      CocoonStudio.DHtml.LinkStyle01.Initial = function(){
            document.body.insertAdjacentElement("beforeEnd",CocoonStudio.DHtml.LinkStyle01.TemplteDiv);
      }
      CocoonStudio.DHtml.LinkStyle01.MouseOver = function(){
            var o;
            var iAddSize = this.ActionCount * this.SizeStep * 2;
            var oSrc = event.srcElement;
            var c = oSrc.sourceIndex;
            with(o=CocoonStudio.DHtml.LinkStyle01.TemplteDiv.cloneNode(true)){
                     with(style){
                              display = ''; width = oSrc.scrollWidth + iAddSize; height = oSrc.scrollHeight + iAddSize;
                              pixelTop = oSrc.offsetTop - iAddSize / 2; pixelLeft = oSrc.offsetLeft - iAddSize / 2;
                     }
                     onclick = oSrc.click;
                     onmouseout = new Function("CocoonStudio.DHtml.LinkStyle01.FadeOut("+c+");");
            }
            CocoonStudio.DHtml.LinkStyle01.Items[c] = o;
            document.body.insertAdjacentElement("beforeEnd",o);
            this.FadeIn(c);
            setTimeout("CocoonStudio.DHtml.LinkStyle01.FadeOut("+c+");" ,1500);
      }
      CocoonStudio.DHtml.LinkStyle01.FadeIn = function(c,n){
            if(!c) return; var p = n; if(!p) p = 0;
            var o = CocoonStudio.DHtml.LinkStyle01.Items[c]; if(!o) return;
            with(o){
                     var iFade = filters[0].opacity;
                     if(iFade<=(100-this.FadeStep)) filters[0].opacity += this.FadeStep;
                     with(style){
                              width = parseInt(width) - this.SizeStep*2; height = parseInt(height) - this.SizeStep*2;
                              pixelTop += this.SizeStep; pixelLeft += this.SizeStep;
                     }
            }
            if(p>=this.ActionCount-3) return;
            CocoonStudio.DHtml.LinkStyle01.Timer[c] = setTimeout("CocoonStudio.DHtml.LinkStyle01.FadeIn("+c+","+(++p)+");",50);
      }
      CocoonStudio.DHtml.LinkStyle01.FadeOut = function(c,n){
            if(!c) return; var p = n; if(!p) p = this.ActionCount-1;
            clearTimeout(CocoonStudio.DHtml.LinkStyle01.Timer[c]);
            var o = CocoonStudio.DHtml.LinkStyle01.Items[c]; if(!o) return;
            with(o){
                     var iFade = filters[0].opacity;
                     if(iFade>=this.FadeStep) filters[0].opacity -= this.FadeStep;
                     with(style){
                              width = parseInt(width) + this.SizeStep; height = parseInt(height) + this.SizeStep;
                              pixelTop -= this.SizeStep/2; pixelLeft -= this.SizeStep/2;
                     }
            }
            if(p<=1){ o.removeNode(true); p=0; return; }
            setTimeout("CocoonStudio.DHtml.LinkStyle01.FadeOut("+c+","+(--p)+");",25);
      }
      window.onload = CocoonStudio.DHtml.LinkStyle01.Initial;
</SCRIPT>
<script language="JavaScript" event="onmousemove" for="CcLS02Menu">
      CocoonStudio.DHtml.LinkStyle01.MouseOver();
</script>
<style>
body{
      font-size: 9pt;
}
</style>
</head>
<body>

      <a href="javascript:void(0);" onclick="alert(innerText)" onmouseover="CocoonStudio.DHtml.LinkStyle01.MouseOver()">www.sakuramoon.cn</a>

      <a href="javascript:void(0);" onclick="alert(innerText)" onmouseover="CocoonStudio.DHtml.LinkStyle01.MouseOver()">www.keaim.cn</a>

      <a href="javascript:void(0);" onclick="alert(innerText)" onmouseover="CocoonStudio.DHtml.LinkStyle01.MouseOver()">bbs.sakuramoon.cn</a>
      <p>

      <a href="javascript:void(0);" onclick="alert(innerText)" onmouseover="CocoonStudio.DHtml.LinkStyle01.MouseOver()">samoom</a>
</body>
</html>[/html]

-[url]www.sakuramoon.cn[/url]

橘寶寶 发表于 2008-3-17 20:10

有没有演示？
虾米东东来的哦。。

暖°snow 发表于 2008-3-17 20:38

CSS代码？:tuhan;

哖崋無效 发表于 2008-3-17 20:43

死党你的YY很好看啊，

这代码是用在网页的吗

ˊ瑩宀寶ゝ.. 发表于 2008-3-17 20:43

回复 4楼的哖崋無效的帖子

是捏··用在网页的·

其实我还有些迷茫····

满天星 发表于 2008-3-18 22:32

这个可以用在论坛吗？？

airwater 发表于 2008-3-21 21:34

晕东东~~~~这个是咋用滴捏:tuzq;

winson123 发表于 2008-3-27 19:55

晕``有没图看看先:tuku;

页: [1]

Honey.哈你-PS素材精品网站's Archiver

一个漂亮的连接效果

回复 4楼的 哖崋無效 的帖子

回复 4楼的哖崋無效的帖子