JS+CSS实现电子商务网站导航模板效果代码_javascript技巧

这是一款JS+CSS实现的电子商务网站导航模板，二级导航菜单，超强美化，超强实用性，分享给大家。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-css-dzsw-wen-nav-style-codes/

具体代码如下：

 
var waitting = 1; 
var secondLeft = waitting; 
var timer; 
var sourceObj; 
var number; 
function getObject(objectId)//获取id的函数 
 { 
 if(document.getElementById && document.getElementById(objectId)) {
 // W3C DOM 
 return document.getElementById(objectId); 
 } else if (document.all && document.all(objectId)) { 
 // MSIE 4 DOM 
 return document.all(objectId); 
 } else if (document.layers && document.layers[objectId]) { 
 // NN 4 DOM.. note: this won't find nested layers 
 return document.layers[objectId]; 
 } else { 
 return false; 
 } 
 } 
function SetTimer()//主导航时间延迟的函数 
 { 
 for(j=1; j <10; j++){ 
 if (j == number){ 
 if(getObject("mm"+j)!=false){ 
 getObject("mm"+ number).className = "menuhover"; 
 getObject("mb"+ number).className = ""; 
 } 
 } 
 else{ 
 if(getObject("mm"+j)!=false){ 
 getObject("mm"+ j).className = ""; 
 getObject("mb"+ j).className = "hide"; 
 } 
 } 
 } 
 } 
function CheckTime()//设置时间延迟后 
 { 
 secondLeft--; 
 if ( secondLeft == 0 ) 
 { 
 clearInterval(timer); 
 SetTimer(); 
 } 
 } 
function showM(thisobj,Num)//主导航鼠标滑过函数,带时间延迟 
 { 
 number = Num; 
 sourceObj = thisobj; 
 secondLeft = 1; 
 timer = setTimeout('CheckTime()',100); 
 } 
function OnMouseLeft()//主导航鼠标移出函数,清除时间函数 
 { 
 clearInterval(timer); 
 } 
 

 

 
 
 
网站首页 
 
 
CCS导航 
 
 
源码下载 
 
 
CSS模板 
 
 
后台模板 
 
 
CSS技巧 
 
 
CSS菜单 
 
 
HTML+CSS模板 
 
 
SEO优化 
 

 
 
 
 
本导航非常适合于分类比较多电子商务站等网站的导航模板版 
 
 
此导航很漂亮 
 
 
 
 
免费模板网 
 
 
免费模板网 
 
 
HTML+CSS模板 
 
 
HTML+CSS模板 
 
 
HTML+CSS教程 
 
 
网页特效 
 
 
 
免费模板网 
 
 
免费模板网 
 
 
网上商城 
 
 
网上商城 
 
 
MYSQL数据库 
 
 
MYSQL数据库 
 
 
电子商务 
 
 
网页特效 
 
 
 
免费模板网首页 
 
 
网页特效 
 
 
MYSQL数据库 
 
 
MSSQL数据库 
 
 
 
服务器租用首页 
 
 
服务器租用首页 
 
 
服务器租用 
 
 
服务器托管 
 
 
超级机房 
 
 
CDN加速设施 
 
 
 
企业邮局首页 
 
 
企业邮局首页 
 
 
绿色G级邮箱 
 
 
绿色企业邮箱 
 
 
 
网站制作首页 
 
 
企业建站 
 
 
商城制作 
 
 
个人建站 
 
 
门户建站 
 
 
 
代理加盟 
 
 
代理加盟 
 
 
代理加盟 
 
 
 
代理加盟 
 
 
联系我们 
 
 
本站通知 
 
 
行业新闻 
 
 
诚聘英才 
 

希望本文所述对大家的JavaScript程序设计有所帮助。