2006-11-10

推荐几个入门级的JS特效代码

来源: 天极网 作者:佚名 评论 0 条
 
}
fcell=true
break;

case "2":
if (fcell)
{
inhtml ='<tr><td width=6><td onmouseover='' name '.href="' this.menuarray[i].url ',' this.menuarray[i].target '"'>' this.menuarray[i].value;
fcell=false
}
else
{
inhtml ='<td width=6><td onmouseover='' name '.href="' this.menuarray[i].url ',' this.menuarray[i].target '"'>' this.menuarray[i].value;
}
break;
}
}
inhtml='<div id=' this.menudiv_name ' onmousemove="' name '.doOver()">'
'<table id=' this.menutable_name ' border="0" cellpadding="2" class="menu" cellspacing="4">'
inhtml
'</table></div>';
//alert(inhtml)
document.write(inhtml);

this.lastScrollX=0;
this.lastScrollY=-4;
this.posXY(eval(this.menutable_name).cells[0])
this.td_W=eval(this.menutable_name).cells[0].scrollWidth 6
this.td_H=eval(this.menutable_name).cells[0].scrollHeight
setInterval(name ".scrollback()",1)
}

//-----单击超连接---
this.doClick=function(){
//alert(this.url)
var url=this.href.split(",")
//alert(url[0])
//alert(url[1])
if (url[0]=="") return

if (url[1]=="_blank")
{window.open(url[0])}
else
{location.href=url[0]}
}

//-----滑动处理---
this.scrollback=function(){
diffX=this.td_X-3
diffY=this.td_Y-5
diffW=this.td_W
diffH=this.td_H
percentX=this.speed*(diffX-this.lastScrollX);
percentY=this.speed*(diffY-this.lastScrollY);
percentW=this.speed*(diffW-this.lastScrollW);
percentH=this.speed*(diffH-this.lastScrollH);

if(percentX>0)percentX=Math.ceil(percentX);
else percentX=Math.floor(percentX);
if(percentY>0)percentY=Math.ceil(percentY);
else percentY=Math.floor(percentY);
if(percentW>0)percentW=Math.ceil(percentW);
else percentW=Math.floor(percentW);
if(percentH>0)percentH=Math.ceil(percentH);
else percentH=Math.floor(percentH);

eval(this.hk_name).style.pixelTop =percentY;
eval(this.hk_name).style.pixelLeft =percentX;
eval(this.hktable_name).style.pixelWidth =percentW;
eval(this.hktable_name).style.pixelHeight =percentH;

this.lastScrollX=this.lastScrollX percentX;
this.lastScrollY=this.lastScrollY percentY;
this.lastScrollW=this.lastScrollW percentW;
this.lastScrollH=this.lastScrollH percentH;
}

//-----滑出---
this.doOver=function() {
if (event.srcElement.tagName=="TD") {
if (event.srcElement.innerText.length==0 || event.srcElement.innerText=="|") return
this.posXY(event.srcElement)
this.td_W=event.srcElement.scrollWidth 6
this.td_H=event.srcElement.scrollHeight
}
}

//-----绝对定位---
this.posXY=function(obj){
hk_left=obj.offsetLeft
hk_top=obj.offsetTop
共20页: 上一页 [1] [2] [3] 4 [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] 下一页

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:Html 书签的使用  
下一篇:DHTML实现可控制的页面内滚动区域
    评论加载中…

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