2006-12-04

经典:两段不错的JS特效!

来源: SunriseChen 作者:佚名 评论 0 条
 

<html>
<head>
<title>Link Style02 - Cocoon Studio</title>
<SCRIPT LANGUAGE="JavaScript">
CocoonStudio = function(){/* Published by Cocoon Studio. Url: www.ccopus.com */}
CocoonStudio.DHtml = function(){/* Author: Sunrise_Chen Email: sunrise_chen@msn.com */}
CocoonStudio.DHtml.LinkStyle02 = function(){/* CocoonStudio连接特效02 */}
CocoonStudio.DHtml.LinkStyle02.TemplteDiv = document.createElement("DIV");
CocoonStudio.DHtml.LinkStyle02.ActionCount = 8;
CocoonStudio.DHtml.LinkStyle02.SizeStep = 4;
CocoonStudio.DHtml.LinkStyle02.FadeStep = 5;
CocoonStudio.DHtml.LinkStyle02.FadeMax = 25;
CocoonStudio.DHtml.LinkStyle02.OffsetWidth = 16;
CocoonStudio.DHtml.LinkStyle02.OffsetHeight = 8;
CocoonStudio.DHtml.LinkStyle02.Timer = 0;
CocoonStudio.DHtml.LinkStyle02.ToX = 0;
CocoonStudio.DHtml.LinkStyle02.ToY = 0;
CocoonStudio.DHtml.LinkStyle02.CurrentX = 0;
CocoonStudio.DHtml.LinkStyle02.CurrentY = 0;
CocoonStudio.DHtml.LinkStyle02.StepWidth = 0;
CocoonStudio.DHtml.LinkStyle02.StepHeight = 0;
CocoonStudio.DHtml.LinkStyle02.IsMoving = false;

CocoonStudio.DHtml.LinkStyle02.Initial = function(){
with(CocoonStudio.DHtml.LinkStyle02.TemplteDiv){
with(style){
position = "absolute"; width = height = left = top = 0; display = "none";
backgroundColor = "#80FF00"; border = "1px solid #008000"; cursor = "hand";
filter = "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
zIndex = -1;
}
}
document.body.insertAdjacentElement("beforeEnd",CocoonStudio.DHtml.LinkStyle02.TemplteDiv);
}

CocoonStudio.DHtml.LinkStyle02.MouseOver = function(sender){
with(CocoonStudio.DHtml.LinkStyle02){
var iAddSize = this.ActionCount * this.SizeStep * 2;
var oSrc = event.srcElement;
var o = CocoonStudio.DHtml.LinkStyle02.TemplteDiv;
this.CurrentX = o.offsetLeft; CurrentY = o.offsetTop;
ToX = event.x document.body.scrollLeft - event.offsetX - (OffsetWidth / 2);
ToY = event.y document.body.scrollTop - event.offsetY - (OffsetHeight / 2);
//StepWidth = 0.08*(ToX - CurrentX) ;
//StepHeight = 0.08*(ToY - CurrentY) ;
StepWidth = (ToX - CurrentX) / ActionCount ;
StepHeight = (ToY - CurrentY) / ActionCount ;
if(StepWidth>0) StepWidth = Math.ceil(StepWidth); else StepWidth = Math.floor(StepWidth);
if(StepHeight>0) StepHeight = Math.ceil(StepHeight); else StepHeight = Math.floor(StepHeight);
o.style.width = oSrc.scrollWidth OffsetWidth;
o.style.height = oSrc.scrollHeight OffsetHeight;
o.style.display = '';
oSrc.onmouseout = MouseOut;
//o.onmouseout = MouseOut;
//o.onclick = oSrc.click;
IsMoving = true;
FadeIn();
}
}

CocoonStudio.DHtml.LinkStyle02.MouseOut = function(){
共5页: 上一页 1 [2] [3] [4] [5] 下一页

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:注意:HTML文件也能格式化硬盘  
下一篇:用Javascript轻松制作抽奖系统
    评论加载中…

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号