当前位置: 乐呵网 > js学习网 > JavaScript特效 >

用JavaScript 做出很是炫的鼠标动态结果

时间:2014-06-17 12:41来源:乐呵网提供 作者:乐呵网 点击:
意来字被置定的那个特效 用JavaScript 做出非常炫的鼠标动态效果
</SCRIPT>
 }
 CocoonStudio.DHtml.LinkStyle01 = function(){}
 window.onload = CocoonStudio.DHtml.LinkStyle01.Initial;
 CocoonStudio.DHtml.LinkStyle01.Items = new Array();
  var c = oSrc.sourceIndex;
   var iFade = filters[0].opacity;
 <a href="javascript:void(0);" onclick="alert(innerText)" onmouseover="CocoonStudio.DHtml.LinkStyle01.MouseOver()">chinaz.com</a>
    display = ''; width = oSrc.scrollWidth + iAddSize; height = oSrc.scrollHeight + iAddSize;
   with(style){
<head>
 CocoonStudio.DHtml.LinkStyle01.SizeStep = 4;
 &nbsp;&nbsp;&nbsp;
  if(p<=1){ o.removeNode(true); p=0; return; }
   if(iFade<=(100-this.FadeStep)) filters[0].opacity += this.FadeStep;
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<style>
 &nbsp;&nbsp;&nbsp;
   onclick = oSrc.click;
   }
<body>
</html>
  }
   position = "absolute"; display = "none"; width = height = 0;
  CocoonStudio.DHtml.LinkStyle01.Timer[c] = setTimeout("CocoonStudio.DHtml.LinkStyle01.FadeIn("+c+","+(++p)+");",50);
  if(!c) return; var p = n; if(!p) p = 0;
  if(p>=this.ActionCount-3) return;
</body>
  with(style){
    pixelTop -= this.SizeStep/2; pixelLeft -= this.SizeStep/2;
</script>
 font-size: 9pt;
    width = parseInt(width) + this.SizeStep; height = parseInt(height) + this.SizeStep;
   if(iFade>=this.FadeStep) filters[0].opacity -= this.FadeStep;
 CocoonStudio.DHtml.LinkStyle01.FadeStep = 10;

 CocoonStudio.DHtml.LinkStyle01.Timer = new Array();
   onmouseout = new Function("CocoonStudio.DHtml.LinkStyle01.FadeOut("+c+");");
  clearTimeout(CocoonStudio.DHtml.LinkStyle01.Timer[c]);
  this.FadeIn(c);
 &nbsp;&nbsp;&nbsp;
 CocoonStudio.DHtml.LinkStyle01.Initial = function(){
body{
  setTimeout("CocoonStudio.DHtml.LinkStyle01.FadeOut("+c+");" ,1500);
  }
 CocoonStudio.DHtml.LinkStyle01.TemplteDiv = document.createElement("DIV");
  with(o){
 CocoonStudio.DHtml.LinkStyle01.MouseOver = function(){
    pixelTop += this.SizeStep; pixelLeft += this.SizeStep;
 <a href="javascript:void(0);" onclick="alert(innerText)" onmouseover="CocoonStudio.DHtml.LinkStyle01.MouseOver()">chinaz.com</a>
  CocoonStudio.DHtml.LinkStyle01.Items[c] = o;
  setTimeout("CocoonStudio.DHtml.LinkStyle01.FadeOut("+c+","+(--p)+");",25);
  with(o){
 <a href="javascript:void(0);" onclick="alert(innerText)" onmouseover="CocoonStudio.DHtml.LinkStyle01.MouseOver()">chinaz.com</a>
 CocoonStudio.DHtml.LinkStyle01.MouseOver();
   }
  var oSrc = event.srcElement;
 <a href="javascript:void(0);" onclick="alert(innerText)" onmouseover="CocoonStudio.DHtml.LinkStyle01.MouseOver()">chinaz.com</a>
   backgroundColor = "#80FF00"; border = "1px solid #008000"; cursor = "hand";
 CocoonStudio.DHtml.LinkStyle01.FadeOut = function(c,n){
  document.body.insertAdjacentElement("beforeEnd",CocoonStudio.DHtml.LinkStyle01.TemplteDiv); 
 CocoonStudio.DHtml = function(){}
  var o = CocoonStudio.DHtml.LinkStyle01.Items[c]; if(!o) return;
 <a href="javascript:void(0);" onclick="alert(innerText)" onmouseover="CocoonStudio.DHtml.LinkStyle01.MouseOver()">chinaz.com</a>
 &nbsp;&nbsp;&nbsp;
 }
 }
  document.body.insertAdjacentElement("beforeEnd",o);
 &nbsp;&nbsp;&nbsp;
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <a href="javascript:void(0);" onclick="alert(innerText)" onmouseover="CocoonStudio.DHtml.LinkStyle01.MouseOver()">chinaz.com</a>
 <p>
  var o = CocoonStudio.DHtml.LinkStyle01.Items[c]; if(!o) return;
 CocoonStudio.DHtml.LinkStyle01.FadeIn = function(c,n){
   with(style){
}
  }
    pixelTop = oSrc.offsetTop - iAddSize / 2; pixelLeft = oSrc.offsetLeft - iAddSize / 2;
   with(style){
 }
<title>Link Style01 - Cocoon Studio</title>
 CocoonStudio = function(){}
</style>
</head>
 CocoonStudio.DHtml.LinkStyle01.ActionCount = 10;
  var o;
   var iFade = filters[0].opacity;
    width = parseInt(width) - this.SizeStep*2; height = parseInt(height) - this.SizeStep*2;
   filter = "progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=0,finishOpacity=0) BlendTrans(duration=1);";
 with(CocoonStudio.DHtml.LinkStyle01.TemplteDiv){

<html>
  }
 <a href="javascript:void(0);" onclick="alert(innerText)" onmouseover="CocoonStudio.DHtml.LinkStyle01.MouseOver()">chinaz.com</a>
  with(o=CocoonStudio.DHtml.LinkStyle01.TemplteDiv.cloneNode(true)){
<script language="JavaScript" event="onmousemove" for="CcLS02Menu">
  if(!c) return; var p = n; if(!p) p = this.ActionCount-1;
  var iAddSize = this.ActionCount * this.SizeStep * 2;
<SCRIPT LANGUAGE="JavaScript">
   }
 }
(责任编辑:admin)

------分隔线----------------------------