基本信息
源码名称:菜单效果
源码大小:3.26KB
文件格式:.html
开发语言:js
更新时间:2013-05-24
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):78630559
本次赞助数额为: 1 元×
微信扫码支付:1 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
一款漂亮,实用的JS菜单效果
// JavaScript Document
function fx(el,attr,to){
el=typeof el=='string'?document.getElementById(el):el;
if(to>0)el.style.display='block';
var w=el['offset' attr.replace(/^(.)/,new Function('return arguments[1].toUpperCase()'))];
var Int=Math[to-w>0?'ceil':'floor'];
clearInterval(el.timer);
el.timer=setInterval(function(){
w =Int((to-w)*0.1);
el.style[attr]=w 'px';
if(w==to){
if(to==0)el.style.display='none';
clearInterval(el.timer);
};
},10);
};
window.onload = function (){
var a=document.getElementById("t1");
var b=document.getElementById("t2");
var c=document.getElementById("t3");
var d=document.getElementById("t4");
var e=document.getElementById("t5");
var d1=document.getElementById("div1");
var d2=document.getElementById("div2");
var d3=document.getElementById("div3");
var d4=document.getElementById("div4");
var d5=document.getElementById("div5");
d1.onmouseover=a.onmouseover=function (){fx('div1','height',70)};
d1.onmouseout=a.onmouseout=function (){fx('div1','height',0)};
d2.onmouseover=b.onmouseover=function (){fx('div2','height',70)};
d2.onmouseout=b.onmouseout=function (){fx('div2','height',0)};
d3.onmouseover=c.onmouseover=function (){fx('div3','height',70)};
d3.onmouseout=c.onmouseout=function (){fx('div3','height',0)};
d4.onmouseover=d.onmouseover=function (){fx('div4','height',70)};
d4.onmouseout=d.onmouseout=function (){fx('div4','height',0)};
d5.onmouseover=e.onmouseover=function (){fx('div5','height',70)};
d5.onmouseout=e.onmouseout=function (){fx('div5','height',0)};
}