超个性的导航效果- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 超个性的导航效果

Javascript: javascript prototype的深度探索不是原型继承那么简单; 兼容Firefox和IE的onpropertychange事件oninput; javascript兼容firefox的文本输入长度提示; js字符编码函数区别分析; js程序中美元符号$是什么; javascript 数组的方法集合; javascript编程必备_JS语法字典; javascript动画效果打开/关闭层; javascript键盘事件全面控制脚本代码; javascript键盘上下键的操作(选择); JavaScript容错例外处理; js将网址转为urlencode类型; JScript中使用ADODB.Stream判断文件编码的代码; [原创]js循环输出图片，不足的要补0; js left,right,mid函数; javascript 网站常用的iframe分割; javascript下兼容firefox选取textarea文本的代码; JSON学习笔记; asp.net和asp下ACCESS的参数化查询; JavaScript入门学习书籍推荐

No. « ‹ 100 101 102 103 › »

技术文章搜索

关键字

Javascript 中的超个性的导航效果

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 275 ::

收藏到网摘: n/a

javascript 如何生成不重复的随机数不能再简单的无闪刷新验证码原理很简单

超个性的导航效果，

点击运行可以看到效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>测试效果</title>
<style type="text/css">
</style>
<script language="javascript">
window.onload=function(){ var t=document.getElementsByTagName('table')[0]; var cs=t.rows[1].cells,ct=t.rows[0].cells; for(var i=0;i<cs.length;i++) cssAni(cs[i],ct[i],7);
}
function cssAni(osrc,otarget,num,duration){ var t=null,c=1,d=0,n=0,i=Math.floor((duration||300)/num); var s=otarget.className.replace(/.$/,''),r=/over/; osrc.onmouseover=osrc.onmouseout=function(e){ n=r.test((e||event).type)?1:-1; if(!t) t=setInterval(function(){ if((c==1||c==num)&&((d==n||c+n<1)||!(d=n))) return clearInterval(t),t=null; otarget.className=s+(c+=d); },i); };
}
</script>
</head>
<body>
<table> <tr class='icon'> <td class='a f1'></td> <td class='b f1'></td> <td class='c f1'></td> <td class='d f1'></td> <td class='e f1'></td> <td class='f f1'></td> <td class='g f1'></td> </tr> <tr class='capt'> <td><a href='#;'>A</a></td> <td><a href='#;'>B</a></td> <td><a href='#;'>C</a></td> <td><a href='#;'>D</a></td> <td><a href='#;'>E</a></td> <td><a href='#;'>F</a></td> <td><a href='#;'>G</a></td> </tr>
</table>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

javascript 如何生成不重复的随机数不能再简单的无闪刷新验证码原理很简单

Javascript 中的 超个性的导航效果

评论 (0) All

Javascript 中的超个性的导航效果