超个性的导航效果

更新时间：2007年11月04日 21:32:07 作者：

超个性的导航效果，

<!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 全选注:引入外部Js需再刷新一下页面才能执行]

超个性的导航效果

javascript实现的树型下拉框改进版
发现上一个版本，如果数据顺序颠倒就会出现问题，现在加以改进，
2008-09-09
超酷的鼠标拖拽翻页(分页)效果实现javascript代码
超酷的鼠标拖拽翻页(分页)效果实现javascript代码,非常的不错。
2009-09-09
JavaScript CSS 菜单功能代码
CSS 菜单功能,多浏览器兼容性好
2008-12-12
javascript仿126邮箱TAB切换效果
仿126中的绿色tab切换效果，比较漂亮
2008-09-09
javascript 三级下拉选择菜单Levels对象
javascript 三级下拉选择菜单Levels对象，非常的不错，大家可以参考下。
2009-07-07
JavaScript 下拉菜单实现代码
利用css+js实现的下拉菜单。通过getElementsByTagName获取ul,隐藏显示。
2009-05-05
css+js下拉菜单
js+css实现的简单的下来菜单。兼容性好。
2009-05-05
代码经过精简后的仿QQ折叠菜单代码
代码经过精简后的仿QQ折叠菜单，以前发过的，不过这个是经过几轮代码精简后的一个版本，而且在各浏览器下的表现也很不错，兼容性没出问题。
2010-09-09
js tab效果的实现代码
js之类似tab的实现，之前已经发布了很多，需要的朋友多看看。
2009-12-12
javascript仿qq界面的折叠菜单实现代码
最近一直在研究网页特效,看到qq界面的折叠菜单,于是冒出个想法,自己写一个类似的,需要的朋友可以参下
2012-12-12

超个性的导航效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具