三星手机怎么样好不好样
点击联系发帖人
时间：2018-01-04 12:24
& CopyRight , , Inc.All Rights Reserved.这段jquery代码，怎么改，可以实现点击后展示下一级菜单？
这段jquery代码，怎么改，可以实现点击后展示下一级菜单？代码原来的功能是，鼠标移动到一级菜单上面，就会把二级菜单展开，移除鼠标后，二级菜单又会收缩回去。如何用鼠标点击，来实现菜单的展开与收缩呢？
function slideNavLeft(){
$(".left-nav-1 li").has(".left-nav-2").bind("mouseover",function(){
if($(this).has(".left-nav-2").find(".left-nav-2").has("li").is($("ul:visible"))){
$(".left-nav-2").has("li").slideUp(1000);
$(".left-nav-1 li").find("a").removeClass("cur-1");
$(".left-nav-3").hide();
$(this).has(".left-nav-2").find(".left-nav-2").has("li").slideDown(1000);
$(this).find("a").first().addClass("cur-1");
function slideNavLeft2(){
$(".left-nav-2 li").has(".left-nav-3").bind("mouseover",function(){
if($(this).has(".left-nav-3").find(".left-nav-3").has("li").is($("ul:visible"))){
$(".left-nav-3").has("li").slideUp(1000);
$(".left-nav-2 li").find("a").removeClass("cur-2");
$(this).has(".left-nav-3").find(".left-nav-3").has("li").slideDown(1000);
$(this).find("a").first().addClass("cur-2");
$(".left-nav-2 li").has(".left-nav-3").bind("mouseleave",function(){
if($(this).has(".left-nav-3").find(".left-nav-3").has("li").is($("ul:visible"))){
$(this).has(".left-nav-3").find(".left-nav-3").has("li").slideUp(800);
补充一下：
简单的看了一下你的代码，如果你想改成单击展开下级菜单，首先你要改相应的样式，目前你菜单样式中把a标签设置为了display：block并且宽度为196px。这样导致无论你单击哪里都会触发超链接转到新页面， 你要改成只有单击文字（红色框）的时候转到新链接，而单击文字以外（红色框外）时执行展开收缩菜单的事件。最后把mouseover事件改成click事件，再重新整理一下相关代码应该可以实现，你不妨先试试
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=UTF-8" /&
&title&accordion&/title&
&script type="text/javascript" language="javascript" src="jquery.js"&&/script&
&script type="text/javascript"&
$(document).ready(function(){
$("#firstpane p.menu_head").click(function(){
$(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
$(this).siblings().css({backgroundImage:"url(left.png)"});
&style type="text/css"&
body { margin: 10 font: 75%/120% Verdana, Arial, Helvetica, sans- }
.menu_list { width: 150 }
.menu_head { padding: 5px 10 cursor: position: margin:1 font-weight: background: #eef4d3 url(left.png) center right no- }
.menu_body { display: }
.menu_body a { display: color:#006699; background-color:#EFEFEF; padding-left:10 font-weight: text-decoration: }
.menu_body a:hover { color: #000000; text-decoration: }
&div style="float:left" &
&p&&strong& 鼠标点击 &/strong&&/p&
&div id="firstpane" class="menu_list"&
&p class="menu_head"&Header-1&/p&
&div class="menu_body"& &a href="#"&Link-1&/a& &a href="#"&Link-2&/a& &a href="#"&Link-3&/a& &/div&
&p class="menu_head"&Header-2&/p&
&div class="menu_body"& &a href="#"&Link-1&/a& &a href="#"&Link-2&/a& &a href="#"&Link-3&/a& &/div&
&p class="menu_head"&Header-3&/p&
&div class="menu_body"& &a href="#"&Link-1&/a& &a href="#"&Link-2&/a& &a href="#"&Link-3&/a& &/div&
引入jQuery跑一下
这是完整的JS文件
// JavaScript Document (function ($) { & & $.fn.extend({ & & & & "nav": function (con) { & & & & & & var $this = $(this), $nav = $this.find('.switch-tab'), t = (con && con.t) || 3000, a = (con && con.a) || 500, i = 0, autoChange = function () { & & & & & & & & $nav.find('a:eq(' + (i + 1 === 3 ? 0 : i + 1) + ')').addClass('current').siblings().removeClass('current'); & & & & & & & & $this.find('.event-item:eq(' + i + ')').css('display', 'none').end().find('.event-item:eq(' + (i + 1 === 3 ? 0 : i + 1) + ')').css({ & & & & & & & & & & display: 'block', & & & & & & & & & & opacity: 0 & & & & & & & & }).animate({ & & & & & & & & & & opacity: 1 & & & & & & & & }, a, function () { & & & & & & & & & & i = i + 1 === 3 ? 0 : i + 1; & & & & & & & & }).siblings('.event-item').css({ & & & & & & & & & & display: 'none', & & & & & & & & & & opacity: 0 & & & & & & & & }); & & & & & & }, st = setInterval(autoChange, t); & & & & & & $this.hover(function () { & & & & & & & & clearInterval(st); & & & & & & & & & & & & & & }, function () { & & & & & & & & st = setInterval(autoChange, t); & & & & & & & & & & & & & & }).find('.switch-nav&a').bind('click', function () { & & & & & & & & var current = $nav.find('.current').index(); & & & & & & & & i = $(this).attr('class') === 'prev' ? current - 2 : & & & & & & & & autoChange(); & & & & & & & & & & & & & & }).end().find('.switch-tab&a').bind('click', function () { & & & & & & & & i = $(this).index() - 1; & & & & & & & & autoChange(); & & & & & & & & & & & & & & }); & & & & & & return $ & & & & } & & }); }(jQuery));
$("document").ready(function(){ var _height = $('.nav-second').height(); $('.nav-second').css({height:_height}); scroll(); $("#button-left").bind("click",function(){ scrollLeft(); }) $("#button-right").bind("click",function(){ scrollRight(); }) slideNav(); slideNavLeft(); slideNavLeft2(); }); var &_ function scroll(){ _scoll=setInterval("scrollAuto()",30); $("#pro-scroll").bind("mouseover",function(){ clearInterval(_scoll); }); $("#pro-scroll").bind("mouseout",function(){ _scoll=setInterval("scrollAuto()",30); }); } function scrollAuto(){ var num=$("#pro-ul-1 li").length/2; var len=$("#pro-ul-1 li").width(); var scrolllen = len* if($("#pro-scroll").scrollLeft()&scrolllen){ $("#pro-scroll").scrollLeft($("#pro-scroll").scrollLeft()+1); } else{ $("#pro-scroll").scrollLeft(0); } } function scrollLeft(){ clearInterval(_scoll); var len=$("#pro-ul-1 li").width(); var scrollLeft = $("#pro-scroll").scrollLeft()+ $("#pro-scroll").animate({"scrollLeft":scrollLeft},"slow"); _scoll=setInterval("scrollAuto()",30); } function scrollRight(){ clearInterval(_scoll); var len=$("#pro-ul-1 li").width(); var scrollLeft = $("#pro-scroll").scrollLeft()- $("#pro-scroll").animate({"scrollLeft":scrollLeft},"slow"); _scoll=setInterval("scrollAuto()",30); } function slideNav(){ $(".nav li").has(".nav-second").bind("mouseover",function(){ $(this).has("ul").find("ul").has("li").show(900); $(this).find("a").first().addClass("cur-nav2"); }) $(".nav li").has(".nav-second").bind("mouseleave",function(){ $(this).has("ul").find("ul").has("li").stop(true,true).hide("fast"); $(this).find("a").first().removeClass("cur-nav2"); })
} function slideNavLeft(){ $(".left-nav-1 li").has(".left-nav-2").bind("mouseover",function(){ if($(this).has(".left-nav-2").find(".left-nav-2").has("li").is($("ul:visible"))){
} else{ $(".left-nav-2").has("li").slideUp(1000);
$(".left-nav-1 li").find("a").removeClass("cur-1"); $(".left-nav-3").hide(); $(this).has(".left-nav-2").find(".left-nav-2").has("li").slideDown(1000); $(this).find("a").first().addClass("cur-1"); } })
} function slideNavLeft2(){ $(".left-nav-2 li").has(".left-nav-3").bind("mouseover",function(){ if($(this).has(".left-nav-3").find(".left-nav-3").has("li").is($("ul:visible"))){
} else{ $(".left-nav-3").has("li").slideUp(1000);
$(".left-nav-2 li").find("a").removeClass("cur-2"); $(this).has(".left-nav-3").find(".left-nav-3").has("li").slideDown(1000); $(this).find("a").first().addClass("cur-2"); } })
$(".left-nav-2 li").has(".left-nav-3").bind("mouseleave",function(){ if($(this).has(".left-nav-3").find(".left-nav-3").has("li").is($("ul:visible"))){
$(this).has(".left-nav-3").find(".left-nav-3").has("li").slideUp(800); } else{ } })
@charset "utf-8"; /* design by:kccn.net */ *{margin:0;padding:0;} body{font-family:"宋体";font-size:12 line-height:22color:#666666} img{border:0} a{text-decoration:color:#555555; cursor:pointer} a:hover{text-decoration:} ul,li,h1{list-style:margin:0;padding:0;} .clear{clear:}
/*header*/ .header{width:100%;height:87background-image:url(../Images/bg_heder.jpg);} .header-con{width:970height:87margin:0px auto 0position:} .header-top{position:top:0left:790} .header-top span{display:inline-_display:float:width:73height:24font-size:12line-height:24text-indent:24cursor:} .header-top span.span-1{background:url(../Images/icons_home.jpg) no-repeat 0 5margin-right:28} .header-top span.span-2{background:url(../Images/icons_add.jpg) no-repeat 0 5} .header-logo{width:335height:87float:background-image:url(../Images/logo.jpg);} .header-logo a{width:335height:87display:} .header-nav{width:635height:46float:margin-top:42} .nav{float:} .nav li{display:inline-_display:float:position:} .nav li a{width:70height:46line-height:42text-align:display:inline-} .nav li a:hover,.nav li a.cur-nav,.nav li a.cur-nav2{background:url(../Images/menu_bg.jpg);text-decoration:} .nav li span{color:#} .nav li .nav-second{width:700 position:top:46left:0display:z-index:9; background:#} .nav li .nav-second li{width:100} .nav li .nav-second li a{width:100height:30line-height:30text-align:display:} .nav li .nav-second li a:hover{background:color:} .nav li .nav-second li .nav-third{} .nav li .nav-second li .nav-third li{display:height:30} .nav li .nav-second li .nav-third li a{width:100} .nav li .nav-second li .nav-third li a:hover{color:#006730} /*banner*/ .banner{width:100%;height:375margin-top:1background:url(../Images/bg_banner.jpg) repeat-x; overflow:hidden} .banner-con{width:970height:375margin:0px auto 0} #banner-box{width:970height:375overflow:} .switch-tab{position:left:450top:-30z-index:100;} .switch-tab a{display:inline-width:12height:10background:url(../Images/banner_nav_bg_02.gif) no-padding-left:5} .switch-tab a.current{background:url(../Images/banner_nav_bg_01.gif) no-}
.banner-2{width:100%;height:200margin-top:1background:url(../Images/bg_banner.jpg) repeat-x;} .banner-con-2{width:970height:200margin:0px auto 0} #banner-box-2{width:970height:200overflow:} /*index &main-up*/ .main-up{width:968height:249border:1px solid #d8margin:20px auto 0background:url(../Images/bg_index_mainup.jpg) repeat-x 0px 1} .pro-title{width:968height:25} .pro-title p{height:25line-height:30text-indent:23font-weight:} .pro-div{width:968margin-top:17} .left{width:51float:} .left input{width:16height:18display:position:margin-top:73margin-left:24}
.center{width:865height:200float:position:overflow:} #pro-scroll{width:865position:overflow:} .pro-ul{width:10000px} .pro-ul li{display:inline-*display:float:} .pro-ul-1{} .pro-ul-1 li{width:173display:inline-*display:float:} .pro-ul-1 li a img{width:163height:163border:1px solid #d8} .pro-ul-1 li a p{text-align:line-height:24} .right{width:52float:} .right input{width:16height:18display:position:margin-top:73margin-left:9} /*index &main-down*/ .main-down{width:970height:144margin:20px auto 0} .in-title{line-height:32font-weight:text-indent:15height:37} .in-down{height:105overflow:} .news{width:386height:142border:1px solid #margin-right:14float:background-image:url(../Images/bg_news.gif);} .news-li{width:342height:45border-bottom:1px dotted #margin-left:25} .news-li p{line-height:18color:#999999;} .news-li p a{color:#666666;} .case{width:336height:142border:1px solid #margin-right:14float:background-image:url(../Images/bg_case.gif);overflow:} .server{width:214height:142border:1px solid #float:} .server img{display:}
/*main*/ .main{width:988margin:13px auto 0} .main-01{width:988height:9background:url(../Images/bg_main_01.jpg) no-} .main-02{width:988background:url(../Images/bg_main_02.jpg) repeat-y;margin-top:-1_margin-top:-4} .main-con{width:968margin:0px auto 0} .con-left{width:226margin-left:20_margin-left:10float:position: } .left-title{font-size:24 font-weight:color:#666666;line-height:58height:54 font-family:"微软雅黑"} .left-nav-1{width:196} .left-nav-1 li{padding-bottom:10} .left-nav-1 li a{width:196height:30display:background-color:#f2f0e3;color:#000000;font-size:14text-indent:12line-height:30} .left-nav-1 li a:hover,.left-nav-1 li a.cur-1{background:url(../Images/bg_left_nav.jpg) repeat-x;color:#text-decoration:} .left-nav-2{ margin-top:20display:} .left-nav-2 li{padding:0} .left-nav-2 li a{width:180margin-left:16font-size:12line-height:14background:} .left-nav-2 li a:hover,.left-nav-2 li a.cur-2{background:color:} .left-nav-3 li{padding:0} .left-nav-3 li a{width:170margin-left:26font-size:12line-height:14background:} .left-nav-3 li a:hover,.left-nav-3 li a.cur-3{background:color:#006730;}
.con-right{width:702float:margin-right:20_margin-right:12position:} .con-right .back{ text-align: margin-bottom:30} .con-right .back a{ color:#000; font-size:14 padding:4px 15 border:1px solid #} .con-right .back a:hover{ border-color:#666666; text-decoration:} .right-title{width:702height:54border-bottom:1px solid #} .right-title div{width:302height:54 float:left} .right-title div.div-2{width:400height:54 float:right} .right-title p{line-height:65font-size:13} .right-title div.div-2 p.p-2{float:} .right-title div.div-2 p.p-2 span{ padding:0 5} span.last-span{color:#006730;}
.probar{ width:100%; margin-top:20} .pro-ul-2{width:100%; float:} .pro-ul-2 li{float: margin:15px 10} .pro-ul-2 li a{width:208border:1px solid #d7 float:} .pro-ul-2 li a:hover{ border-color:#046933;} .pro-ul-2 li a img{ width:206height:160 padding:1} .pro-ul-2 li a p{ line-height:66 text-align:}
.newbar{ width:100%;} .newbar .title{ width:100%; line-height:30 background:url(../Images/bg_right_01.jpg) repeat-x; color:#000000;} .newbar .title .time{ width:100 text-align: float:} .newbar .title .t{ margin-left:20} .newbar .newlist{ line-height:30 margin-top:20} .newbar .newlist li{} .newbar .newlist li a{ margin-left:10 background: url(../Images/icon_new.gif) left center no- padding-left:10 } .newbar .newlist span{ &text-align: float:} .newbar .newshow{ padding:20overflow:width:670} .newbar .newshow img{max-width:670_width:expression(this.width&670?670:this.width)} h2{ font-weight: color:#006730; line-height:65 font-size:14 text-align:} .pro_Parameter{ width:100%; float:left} .pro_Parameter .left{ width:330} .pro_Parameter .left img{ width:324 height:324 border:1px solid # padding:2}
.pro_Parameter .right{ width:330 margin-left:30} .pro_Parameter .right .title, .pro_detail .title{ line-height:32 background:url(../Images/bg_right_01.jpg) repeat-x; color:#000; font-size:14} .pro_Parameter .right .title span, .pro_detail .title span{ background:url(../Images/icon_right.jpg) 0px 3px no-padding-left:10 margin-left:10} .pro_Parameter .right .con{ padding:20width:280overflow:} .pro_detail .con{ padding:20width:670overflow:} .pro_detail .con img{max-width:670_width:expression(this.width&670?670:this.width)} .pro_detail{ width:100%; float: margin-top:20}
.page-list{width:100%;padding:45px 0px 41px 0text-align:} .page-list a{color:#c8c8c8;padding-left:5} .page-list a.on{color:#6a6a6a;} .page-list a.off{color:#6a6a6a;} .main-03{width:988height:10background:url(../Images/bg_main_03.jpg) no-clear:} /*footer*/ .footer{width:100%;height:99margin-top:20padding-top:30border-top:1px solid #e0e1e4;background-color:#efeff1;} .footer p{line-height:24text-align:} .footer p.footer-p1{color:#666666;} .footer p.footer-p2{color:#9c9c9c;} /*main*/
，HTML代码如上，好像不是很好看，顺便教下，怎么发问题，把代码提交的好看点？
&html xmlns="http://www.w3.org/1999/xhtml"&&head&
&meta http-equiv="Content-Type" content="text/ charset=utf-8"&
&title&产品中心 - 浙江诚儒环境设备有限公司&/title&
&meta name="generator" content="PHPMyWind CMS"&
&meta name="author" content="KCCN Team"&
&meta name="keywords" content=""&
&meta name="description" content=""&
&link rel="stylesheet" type="text/css" href="CSS/cr.css"&
&script type="text/javascript" src="JS/jquery-1.9.1.min.js"&&/script&
&script type="text/javascript" src="JS/cr.js"&&/script&
&!-- header --&
& & &!-- header --&
&body&&div class="header"&
&div class="header-con"&
&div class="header-top"&&
& & & & &span class="span-1" onclick="setHomepage();"&设为首页&/span&
& & & & & & &span class="span-2" onclick="AddFavorite();"&加入收藏&/span&
& & &/div&
& & & & &div&&/div&
&div class="header-logo"&&a href="index.php"&&/a&&/div&
&div class="header-nav"&
&ul class="nav"&
&li&&a href="index.php"&首页&/a&&span&|&/span&&/li&
&!-- 鼠标悬浮和当前鼠标添加样式cur-nav --&
&li&&a href="products_list.php?cid=1" class="cur-nav"&产品中心&/a&&span&|&/span&
& & & & & & & & &ul class="nav-second" style="height: 300 display:"&&li&&a href="products_list.php?cid=14"&中央空调&/a&&ul class="nav-third" style="display:"&&li&&a href="products_list.php?cid=17"&大金&/a&&/li&&li&&a href="products_list.php?cid=18"&格力&/a&&/li&&li&&a href="products_list.php?cid=19"&美的&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=15"&分体式空调&/a&&ul class="nav-third" style="display:"&&li&&a href="products_list.php?cid=28"&大金&/a&&/li&&li&&a href="products_list.php?cid=30"&东芝&/a&&/li&&li&&a href="products_list.php?cid=124"&美的&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=99"&水机&/a&&ul class="nav-third" style="display:"&&li&&a href="products_list.php?cid=145"&格力&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=16"&净水器&/a&&ul class="nav-third" style="display:"&&li&&a href="products_list.php?cid=74"&前置过滤器&/a&&/li&&li&&a href="products_list.php?cid=75"&三级超滤净水器&/a&&/li&&li&&a href="products_list.php?cid=76"&全屋净水机&/a&&/li&&li&&a href="products_list.php?cid=77"&全屋软水机&/a&&/li&&li&&a href="products_list.php?cid=78"&一体式RO直饮机&/a&&/li&&li&&a href="products_list.php?cid=79"&两用RO直饮机&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=93"&家用电器&/a&&ul class="nav-third" style="display:"&&li&&a href="products_list.php?cid=94"&洗衣机&/a&&/li&&li&&a href="products_list.php?cid=95"&冰箱&/a&&/li&&li&&a href="products_list.php?cid=97"&电视机&/a&&/li&&li&&a href="products_list.php?cid=98"&剃须刀&/a&&/li&&li&&a href="products_list.php?cid=103"&电饭煲&/a&&/li&&li&&a href="products_list.php?cid=104"&榨汁机&/a&&/li&&li&&a href="products_list.php?cid=105"&挂烫机和电熨斗&/a&&/li&&li&&a href="products_list.php?cid=106"&豆浆机&/a&&/li&&li&&a href="products_list.php?cid=107"&搅拌机&/a&&/li&&/ul&&/li&&/ul&
& & & & & & & & &/li&
&li&&a href="new_list.php?cid=13"&新闻中心&/a&&span&|&/span&&/li&
&li&&a href="project_list.php?cid=3"&案例展示&/a&&span&|&/span&&/li&
&li&&a href="about_chengroom.php?cid=12"&关于诚儒&/a&&span&|&/span&&/li&
&li&&a href="hr.php?cid=5"&人才招聘&/a&&span&|&/span&&/li&
&li&&a href="service_centre.php?cid=8"&服务中心&/a&&span&|&/span&&/li&
&li&&a href="contact.php?cid=7"&联系我们&/a&&span&|&/span&&/li&
& & &script type="text/javascript"&
/*当前页面导航高亮*/
var href = window.location.href.split('/')[window.location.href.split('/').length-1].substr(0,4);
if(href.length & 0){
$(function(){
$("ul.nav a[href^='"+href+"']").first().attr("class","cur-nav");
$(function(){$("ul.nav a:first[href^='index']").attr("class","cur-nav")});
//加入收藏
function AddFavorite(){
if(document.all){
window.external.addFavorite(window.location.href,document.title);
}catch(e){
alert("加入收藏失败，请使用Ctrl+D进行添加！");
}else if(window.sidebar){
window.sidebar.addPanel(document.title, window.location.href, "");
alert("加入收藏失败，请使用Ctrl+D进行添加！");
//设为首页
function setHomepage(){
if (document.all)
document.body.style.behavior='url(#default#homepage)';
& document.body.setHomePage(window.location.href); &
else if (window.sidebar)
if(window.netscape)
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");&
catch (e)&
alert( "该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true" );&
var prefs = Components.classes['@mozilla.org/preferences-1'].getService(Components. interfaces.nsIPrefBranch);
prefs.setCharPref('browser.startup.homepage',window.location.href);
& & &/script&
& & &!-- banner --&
& & &div class="banner-2"&
& & &div class="banner-con-2"&
& & &div id="banner-box-2"&
& & & & &img src="Images/pic/banner_in.jpg"&
& & & &&/div& & & & &
& & & & &/div&
& & &/div& &
& & &script type="text/javascript"&
/*当前左导航显示*/
& & var href2 = window.location.href.split('/')[window.location.href.split('/').length-1];
if(href2.length & 0){
$(function(){
//$(".left-nav-3").hide();
//$(".left-nav-1 li").has(".left-nav-2").has($("ul.left-nav-1 a[href='"+href2+"']")).find(".left-nav-2").has("li").stop(true,true).slideDown(1000);
$(".left-nav-1 li").has(".left-nav-2").has($("ul.left-nav-1 a[href='"+href2+"']")).find("a:first").addClass("cur-1");
$(".left-nav-2 li").has(".left-nav-3").has($("ul.left-nav-2 a[href='"+href2+"']")).find("a:first").addClass("cur-2");
$(".left-nav-3 li").find($("ul.left-nav-3 a[href='"+href2+"']")).addClass("cur-3");
& & &/script& & &&
& & &!-- main --&
& & &div class="main"&
& & &div class="main-01"&&/div&
& & &div class="main-02"&
& & &div class="main-con"&
& & & & &div class="con-left"&
& & & & & & &h1 class="left-title"&产品中心&/h1&
& & & & & & & & &ul class="left-nav-1"&
& & & & & & & & &li&&a href="products_list.php?cid=14" class="cur-1"&中央空调&/a&&ul class="left-nav-2" style="display:"&&li&&a href="products_list.php?cid=17" class=""&--大金&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=39"&&F系列&/a&&/li&&li&&a href="products_list.php?cid=41"&&苏宁专供&/a&&/li&&li&&a href="products_list.php?cid=40"&&G系列&/a&&/li&&li&&a href="products_list.php?cid=43"&&五星专供&/a&&/li&&li&&a href="products_list.php?cid=42"&&国美专供&/a&&/li&&li&&a href="products_list.php?cid=44"&&S系列&/a&&/li&&li&&a href="products_list.php?cid=45"&&SP系列&/a&&/li&&li&&a href="products_list.php?cid=46"&&SJ系列&/a&&/li&&li&&a href="products_list.php?cid=47"&&PJ系列&/a&&/li&&li&&a href="products_list.php?cid=48"&&SH系列&/a&&/li&&li&&a href="products_list.php?cid=49"&&PH系列&/a&&/li&&li&&a href="products_list.php?cid=50"&&A系列&/a&&/li&&li&&a href="products_list.php?cid=51"&&B系列&/a&&/li&&li&&a href="products_list.php?cid=52"&&L系列&/a&&/li&&li&&a href="products_list.php?cid=53"&&H系列&/a&&/li&&li&&a href="products_list.php?cid=54"&&SJ系列&/a&&/li&&li&&a href="products_list.php?cid=55"&&G系列&/a&&/li&&li&&a href="products_list.php?cid=56"&&SJ系列&/a&&/li&&li&&a href="products_list.php?cid=57"&&帕缔能&/a&&/li&&li&&a href="products_list.php?cid=58"&&G系列&/a&&/li&&li&&a href="products_list.php?cid=59"&&S系列&/a&&/li&&li&&a href="products_list.php?cid=60"&&H系列&/a&&/li&&li&&a href="products_list.php?cid=61"&&B系列&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=18" class=""&--格力&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=23"&&U系列&/a&&/li&&li&&a href="products_list.php?cid=24"&&i系列&/a&&/li&&li&&a href="products_list.php?cid=62"&&变频系列&/a&&/li&&li&&a href="products_list.php?cid=63"&&定频系列&/a&&/li&&li&&a href="products_list.php?cid=64"&&1Hz系列挂机&/a&&/li&&li&&a href="products_list.php?cid=65"&&分体挂壁式&/a&&/li&&li&&a href="products_list.php?cid=66"&&分体立柜式&/a&&/li&&li&&a href="products_list.php?cid=67"&&分体挂壁式&/a&&/li&&li&&a href="products_list.php?cid=68"&&分体立柜式&/a&&/li&&li&&a href="products_list.php?cid=69"&& 好学风&/a&&/li&&li&&a href="products_list.php?cid=70"&&窗机&/a&&/li&&li&&a href="products_list.php?cid=71"&&移动空调&/a&&/li&&li&&a href="products_list.php?cid=72"&&大冷量柜机&/a&&/li&&li&&a href="products_list.php?cid=73"&&天井机&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=19" class="cur-2"&--美的&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=25"&&系列1&/a&&/li&&li&&a href="products_list.php?cid=26"&&系列2&/a&&/li&&/ul&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=15" class=""&分体式空调&/a&&ul class="left-nav-2" style="display:"&&li&&a href="products_list.php?cid=28"&--大金&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=108"&&VRV X SERIES&/a&&/li&&li&&a href="products_list.php?cid=109"&&VRV 水源热泵系列&/a&&/li&&li&&a href="products_list.php?cid=110"&&VRV 更新用Q系列&/a&&/li&&li&&a href="products_list.php?cid=111"&&SkyAir Multi 系列&/a&&/li&&li&&a href="products_list.php?cid=112"&&分体式RZQ系列&/a&&/li&&li&&a href="products_list.php?cid=113"&&分体式RZQH系列&/a&&/li&&li&&a href="products_list.php?cid=114"&&中/大型设备用空调（定频）&/a&&/li&&li&&a href="products_list.php?cid=115"&&中/大型设备用空调（变频）&/a&&/li&&li&&a href="products_list.php?cid=116"&&无人基站用空调系列&/a&&/li&&li&&a href="products_list.php?cid=117"&&无人基站用空调系列&/a&&/li&&li&&a href="products_list.php?cid=125"&&LP系列&/a&&/li&&li&&a href="products_list.php?cid=126"&&PMX系列&/a&&/li&&li&&a href="products_list.php?cid=127"&&LMX系列&/a&&/li&&li&&a href="products_list.php?cid=128"&&VRV住宅用P系列&/a&&/li&&li&&a href="products_list.php?cid=129"&&超级多联3MX/4MX系列 &/a&&/li&&li&&a href="products_list.php?cid=130"&&VRV X SERIES&/a&&/li&&li&&a href="products_list.php?cid=131"&&直流变频分体式风管机&/a&&/li&&li&&a href="products_list.php?cid=132"&&全热交换器&/a&&/li&&li&&a href="products_list.php?cid=133"&&多功能VRV系列&/a&&/li&&li&&a href="products_list.php?cid=134"&&采暖MX系列&/a&&/li&&li&&a href="products_list.php?cid=135"&&EEHS系列 &/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=30"&--东芝&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=124"&--美的&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=99"&水机&/a&&ul class="left-nav-2" style=""&&li&&a href="products_list.php?cid=145"&--格力&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=146"&&离心机系列 &/a&&/li&&li&&a href="products_list.php?cid=147"&&螺杆机系列&/a&&/li&&li&&a href="products_list.php?cid=148"&&模块机系列 &/a&&/li&&li&&a href="products_list.php?cid=149"&&户式机系列&/a&&/li&&li&&a href="products_list.php?cid=150"&&特种机系列、冷冻冷藏系列 &/a&&/li&&/ul&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=16"&净水器&/a&&ul class="left-nav-2" style=""&&li&&a href="products_list.php?cid=74"&--前置过滤器&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=75"&--三级超滤净水器&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=76"&--全屋净水机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=77"&--全屋软水机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=78"&--一体式RO直饮机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=79"&--两用RO直饮机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=93"&家用电器&/a&&ul class="left-nav-2" style=""&&li&&a href="products_list.php?cid=94"&--洗衣机&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=100"&&滚筒洗衣机&/a&&/li&&li&&a href="products_list.php?cid=101"&&全自动洗衣机&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=95"&--冰箱&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=96"&&三星冰箱&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=97"&--电视机&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=102"&&夏普&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=98"&--剃须刀&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=103"&--电饭煲&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=104"&--榨汁机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=105"&--挂烫机和电熨斗&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=106"&--豆浆机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=107"&--搅拌机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&/ul&&/li& & & & & & & & &&/ul&
& & & & & & &/div&
& & & & & & &div class="con-right"&
& & & & & & &div class="right-title"&
& & & & & & & & &div&
& & & & & & & & & & &p&分体式空调&/p&
& & & & & & & & & &/div&
& & & & & & & & & & &div class="div-2"&
& & & & & & & & & & &p class="p-2"&&a href="index.php"&首页&/a&&&a href="products_list.php?cid=1"&产品中心&/a&&&span class="last-span"&分体式空调&/span&&/p&
& & & & & & & & &/div&
& & & & & & & &/div&
& & & & & & & & &div class="probar"&
& & & & & & & & &ul class="pro-ul-2"&
& & & & & & & & & &a href="products_show.php?cid=117&id=579"&
& & & & & & & & & & & & &img src="uploads/image/3594535.jpg"&
& & & & & & & & & & & & &p&无人基站用空调系列[各...&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &a href="products_show.php?cid=116&id=578"&
& & & & & & & & & & & & &img src="uploads/image/3598723.jpg"&
& & & & & & & & & & & & &p&无人基站用空调系列[通...&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &a href="products_show.php?cid=115&id=577"&
& & & & & & & & & & & & &img src="uploads/image/3598887.jpg"&
& & & & & & & & & & & & &p&中/大型设备用空调(直...&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &a href="products_show.php?cid=114&id=576"&
& & & & & & & & & & & & &img src="uploads/image/3599416.jpg"&
& & & & & & & & & & & & &p&中/大型设备用空调&定...&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &a href="products_show.php?cid=113&id=575"&
& & & & & & & & & & & & &img src="uploads/image/3595069.jpg"&
& & & & & & & & & & & & &p&分体式RZQH系列&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &a href="products_show.php?cid=112&id=574"&
& & & & & & & & & & & & &img src="uploads/image/3599427.jpg"&
& & & & & & & & & & & & &p&分体式RZQ系列&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &&/ul&
& & & & & & & & &/div&
& & & & & & & & & & &div class="page-list"&
& & & & & & & & & & & & &span&&a href="javascript:;" title="已是第一页" class="off"&《&/a&&a href="javascript:;" title="已是第一页" class="off"&《上一页&/a&&a href="javascript:;" class="on"&1&/a&&a href="?cid=15&page=2" class="num" title="第 2 页"&2&/a&&a href="?cid=15&page=3" class="num" title="第 3 页"&3&/a&&a href="?cid=15&page=4" class="num" title="第 4 页"&4&/a&&a href="?cid=15&page=2" title="下一页"&下一页》&/a&&a href="?cid=15&page=4" title="最后一页"&》&/a&&/span&&select onchange="window.location.href=this."&&option selected="selected" value="/products_list.php?cid=15&page=1"&1&/option&&option value="/products_list.php?cid=15&page=2"&2&/option&&option value="/products_list.php?cid=15&page=3"&3&/option&&option value="/products_list.php?cid=15&page=4"&4&/option&&/select& & & & & & & & & & &&/div&
& & & & & & &/div&
&div class="clear"&&/div&
& & & & &/div&
& & &/div&
& & &div class="main-03"&&/div&
& & &/div& &
& & &!--- footer --&
& & &!-- footer --&
&div class="footer"&
&p class="footer-p1"& 版权所有:浙江诚儒环境设备有限公司 &浙ICP备号-1&/p&
&p class="footer-p2"&技术支持：&a href="http://www.kccn.net" target="_blank" title="杭州专业网站建设服务商" alt="网页设计"&杭州金创 KCCN&/a&&/p&
&style type="text/css"&
#qq{ width:138 height:135 position: _position: top:130 _top:expression((eval(document.documentElement.scrollTop))+130+"px"); right:-110 z-index:99; }
.q_left{ width:28 height:135 float: background:url(Images/online.jpg) no- position: cursor:}
.q_left p.online_switch{ width:38 height:30 position: top:-15 background:url(images/online_switch.png) no-}
.q_right{ width:100 height:125 float: border:5px solid #0d8e49}
.q_right p{ text-align: font-size:14 color:#0d8e49; line-height:30 border-bottom:1}
.q_right a{ width:100%; text-align: display: padding:5px 0;}
&div id="qq"&
& & &div class="q_left"&
& & & &&!-- &p class="online_switch"&&/p&--&
& & &/div&
& & &div class="q_right"&
& & &p&QQ在线客服&/p&
& & &div class="kf"&&div class="kf_r"&&a target="_blank" href="/msgrd?v=3&uin=&site=qq&menu=yes"&&img border="0" src="/pa?p=2::41" alt="点击这里给我发消息" title="点击这里给我发消息"&&/a&&/div&&/div& & &&/div&
&script type="text/javascript"&
$('div.q_left').bind('click',function(){
var condition = parseInt($('#qq').css('right'));
if(condition&=0){
$('#qq').animate({right:'-110px'});
$('#qq').animate({right:'0px'});
&/script& & &
&/body&&/html&
菜单事件是配合HTML实现的，光有脚本没有Html很难找到问题出在哪，你把完整的代码贴出来，我帮你改，是在不行,你可以去这里看看有没有你想要的：
--- 共有 1 条评论 ---
客户所要改的就是/products_list.php?cid=15这个链接的，左边栏菜单，想用点击展开，滑动展开不好操控。
把mouseover 改成 click
--- 共有 1 条评论 ---
改过了，但是还是不行。改成click的效果是：滑动展开的效果没有了，但是点击后马上闪一下，菜单又合上，点一下，展开又合上的那种。
这段代码看着感觉要改还不如直接推倒重写
PS：第一眼看到题主名字还以为是jia'nai，正奇怪呢，细细一想，应该是断句jian'ai
--- 共有 2 条评论 ---
: 哎，你贴的代码看着好蛋疼，插入的时候可以选“插入程序代码或脚本”。建议你干脆直接使用jQuery的accordion
ui插件算了，仿照demo的HTML结构把现在的导航条填进去。
能不能正视一下问题额。亲，给jia
nai重写一个？jquery不会的说}
这段jquery代码，怎么改，可以实现点击后展示下一级菜单？代码原来的功能是，鼠标移动到一级菜单上面，就会把二级菜单展开，移除鼠标后，二级菜单又会收缩回去。如何用鼠标点击，来实现菜单的展开与收缩呢？
function slideNavLeft(){
$(".left-nav-1 li").has(".left-nav-2").bind("mouseover",function(){
if($(this).has(".left-nav-2").find(".left-nav-2").has("li").is($("ul:visible"))){
$(".left-nav-2").has("li").slideUp(1000);
$(".left-nav-1 li").find("a").removeClass("cur-1");
$(".left-nav-3").hide();
$(this).has(".left-nav-2").find(".left-nav-2").has("li").slideDown(1000);
$(this).find("a").first().addClass("cur-1");
function slideNavLeft2(){
$(".left-nav-2 li").has(".left-nav-3").bind("mouseover",function(){
if($(this).has(".left-nav-3").find(".left-nav-3").has("li").is($("ul:visible"))){
$(".left-nav-3").has("li").slideUp(1000);
$(".left-nav-2 li").find("a").removeClass("cur-2");
$(this).has(".left-nav-3").find(".left-nav-3").has("li").slideDown(1000);
$(this).find("a").first().addClass("cur-2");
$(".left-nav-2 li").has(".left-nav-3").bind("mouseleave",function(){
if($(this).has(".left-nav-3").find(".left-nav-3").has("li").is($("ul:visible"))){
$(this).has(".left-nav-3").find(".left-nav-3").has("li").slideUp(800);
补充一下：
简单的看了一下你的代码，如果你想改成单击展开下级菜单，首先你要改相应的样式，目前你菜单样式中把a标签设置为了display：block并且宽度为196px。这样导致无论你单击哪里都会触发超链接转到新页面， 你要改成只有单击文字（红色框）的时候转到新链接，而单击文字以外（红色框外）时执行展开收缩菜单的事件。最后把mouseover事件改成click事件，再重新整理一下相关代码应该可以实现，你不妨先试试
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=UTF-8" /&
&title&accordion&/title&
&script type="text/javascript" language="javascript" src="jquery.js"&&/script&
&script type="text/javascript"&
$(document).ready(function(){
$("#firstpane p.menu_head").click(function(){
$(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
$(this).siblings().css({backgroundImage:"url(left.png)"});
&style type="text/css"&
body { margin: 10 font: 75%/120% Verdana, Arial, Helvetica, sans- }
.menu_list { width: 150 }
.menu_head { padding: 5px 10 cursor: position: margin:1 font-weight: background: #eef4d3 url(left.png) center right no- }
.menu_body { display: }
.menu_body a { display: color:#006699; background-color:#EFEFEF; padding-left:10 font-weight: text-decoration: }
.menu_body a:hover { color: #000000; text-decoration: }
&div style="float:left" &
&p&&strong& 鼠标点击 &/strong&&/p&
&div id="firstpane" class="menu_list"&
&p class="menu_head"&Header-1&/p&
&div class="menu_body"& &a href="#"&Link-1&/a& &a href="#"&Link-2&/a& &a href="#"&Link-3&/a& &/div&
&p class="menu_head"&Header-2&/p&
&div class="menu_body"& &a href="#"&Link-1&/a& &a href="#"&Link-2&/a& &a href="#"&Link-3&/a& &/div&
&p class="menu_head"&Header-3&/p&
&div class="menu_body"& &a href="#"&Link-1&/a& &a href="#"&Link-2&/a& &a href="#"&Link-3&/a& &/div&
引入jQuery跑一下
这是完整的JS文件
// JavaScript Document (function ($) { & & $.fn.extend({ & & & & "nav": function (con) { & & & & & & var $this = $(this), $nav = $this.find('.switch-tab'), t = (con && con.t) || 3000, a = (con && con.a) || 500, i = 0, autoChange = function () { & & & & & & & & $nav.find('a:eq(' + (i + 1 === 3 ? 0 : i + 1) + ')').addClass('current').siblings().removeClass('current'); & & & & & & & & $this.find('.event-item:eq(' + i + ')').css('display', 'none').end().find('.event-item:eq(' + (i + 1 === 3 ? 0 : i + 1) + ')').css({ & & & & & & & & & & display: 'block', & & & & & & & & & & opacity: 0 & & & & & & & & }).animate({ & & & & & & & & & & opacity: 1 & & & & & & & & }, a, function () { & & & & & & & & & & i = i + 1 === 3 ? 0 : i + 1; & & & & & & & & }).siblings('.event-item').css({ & & & & & & & & & & display: 'none', & & & & & & & & & & opacity: 0 & & & & & & & & }); & & & & & & }, st = setInterval(autoChange, t); & & & & & & $this.hover(function () { & & & & & & & & clearInterval(st); & & & & & & & & & & & & & & }, function () { & & & & & & & & st = setInterval(autoChange, t); & & & & & & & & & & & & & & }).find('.switch-nav&a').bind('click', function () { & & & & & & & & var current = $nav.find('.current').index(); & & & & & & & & i = $(this).attr('class') === 'prev' ? current - 2 : & & & & & & & & autoChange(); & & & & & & & & & & & & & & }).end().find('.switch-tab&a').bind('click', function () { & & & & & & & & i = $(this).index() - 1; & & & & & & & & autoChange(); & & & & & & & & & & & & & & }); & & & & & & return $ & & & & } & & }); }(jQuery));
$("document").ready(function(){ var _height = $('.nav-second').height(); $('.nav-second').css({height:_height}); scroll(); $("#button-left").bind("click",function(){ scrollLeft(); }) $("#button-right").bind("click",function(){ scrollRight(); }) slideNav(); slideNavLeft(); slideNavLeft2(); }); var &_ function scroll(){ _scoll=setInterval("scrollAuto()",30); $("#pro-scroll").bind("mouseover",function(){ clearInterval(_scoll); }); $("#pro-scroll").bind("mouseout",function(){ _scoll=setInterval("scrollAuto()",30); }); } function scrollAuto(){ var num=$("#pro-ul-1 li").length/2; var len=$("#pro-ul-1 li").width(); var scrolllen = len* if($("#pro-scroll").scrollLeft()&scrolllen){ $("#pro-scroll").scrollLeft($("#pro-scroll").scrollLeft()+1); } else{ $("#pro-scroll").scrollLeft(0); } } function scrollLeft(){ clearInterval(_scoll); var len=$("#pro-ul-1 li").width(); var scrollLeft = $("#pro-scroll").scrollLeft()+ $("#pro-scroll").animate({"scrollLeft":scrollLeft},"slow"); _scoll=setInterval("scrollAuto()",30); } function scrollRight(){ clearInterval(_scoll); var len=$("#pro-ul-1 li").width(); var scrollLeft = $("#pro-scroll").scrollLeft()- $("#pro-scroll").animate({"scrollLeft":scrollLeft},"slow"); _scoll=setInterval("scrollAuto()",30); } function slideNav(){ $(".nav li").has(".nav-second").bind("mouseover",function(){ $(this).has("ul").find("ul").has("li").show(900); $(this).find("a").first().addClass("cur-nav2"); }) $(".nav li").has(".nav-second").bind("mouseleave",function(){ $(this).has("ul").find("ul").has("li").stop(true,true).hide("fast"); $(this).find("a").first().removeClass("cur-nav2"); })
} function slideNavLeft(){ $(".left-nav-1 li").has(".left-nav-2").bind("mouseover",function(){ if($(this).has(".left-nav-2").find(".left-nav-2").has("li").is($("ul:visible"))){
} else{ $(".left-nav-2").has("li").slideUp(1000);
$(".left-nav-1 li").find("a").removeClass("cur-1"); $(".left-nav-3").hide(); $(this).has(".left-nav-2").find(".left-nav-2").has("li").slideDown(1000); $(this).find("a").first().addClass("cur-1"); } })
} function slideNavLeft2(){ $(".left-nav-2 li").has(".left-nav-3").bind("mouseover",function(){ if($(this).has(".left-nav-3").find(".left-nav-3").has("li").is($("ul:visible"))){
} else{ $(".left-nav-3").has("li").slideUp(1000);
$(".left-nav-2 li").find("a").removeClass("cur-2"); $(this).has(".left-nav-3").find(".left-nav-3").has("li").slideDown(1000); $(this).find("a").first().addClass("cur-2"); } })
$(".left-nav-2 li").has(".left-nav-3").bind("mouseleave",function(){ if($(this).has(".left-nav-3").find(".left-nav-3").has("li").is($("ul:visible"))){
$(this).has(".left-nav-3").find(".left-nav-3").has("li").slideUp(800); } else{ } })
@charset "utf-8"; /* design by:kccn.net */ *{margin:0;padding:0;} body{font-family:"宋体";font-size:12 line-height:22color:#666666} img{border:0} a{text-decoration:color:#555555; cursor:pointer} a:hover{text-decoration:} ul,li,h1{list-style:margin:0;padding:0;} .clear{clear:}
/*header*/ .header{width:100%;height:87background-image:url(../Images/bg_heder.jpg);} .header-con{width:970height:87margin:0px auto 0position:} .header-top{position:top:0left:790} .header-top span{display:inline-_display:float:width:73height:24font-size:12line-height:24text-indent:24cursor:} .header-top span.span-1{background:url(../Images/icons_home.jpg) no-repeat 0 5margin-right:28} .header-top span.span-2{background:url(../Images/icons_add.jpg) no-repeat 0 5} .header-logo{width:335height:87float:background-image:url(../Images/logo.jpg);} .header-logo a{width:335height:87display:} .header-nav{width:635height:46float:margin-top:42} .nav{float:} .nav li{display:inline-_display:float:position:} .nav li a{width:70height:46line-height:42text-align:display:inline-} .nav li a:hover,.nav li a.cur-nav,.nav li a.cur-nav2{background:url(../Images/menu_bg.jpg);text-decoration:} .nav li span{color:#} .nav li .nav-second{width:700 position:top:46left:0display:z-index:9; background:#} .nav li .nav-second li{width:100} .nav li .nav-second li a{width:100height:30line-height:30text-align:display:} .nav li .nav-second li a:hover{background:color:} .nav li .nav-second li .nav-third{} .nav li .nav-second li .nav-third li{display:height:30} .nav li .nav-second li .nav-third li a{width:100} .nav li .nav-second li .nav-third li a:hover{color:#006730} /*banner*/ .banner{width:100%;height:375margin-top:1background:url(../Images/bg_banner.jpg) repeat-x; overflow:hidden} .banner-con{width:970height:375margin:0px auto 0} #banner-box{width:970height:375overflow:} .switch-tab{position:left:450top:-30z-index:100;} .switch-tab a{display:inline-width:12height:10background:url(../Images/banner_nav_bg_02.gif) no-padding-left:5} .switch-tab a.current{background:url(../Images/banner_nav_bg_01.gif) no-}
.banner-2{width:100%;height:200margin-top:1background:url(../Images/bg_banner.jpg) repeat-x;} .banner-con-2{width:970height:200margin:0px auto 0} #banner-box-2{width:970height:200overflow:} /*index &main-up*/ .main-up{width:968height:249border:1px solid #d8margin:20px auto 0background:url(../Images/bg_index_mainup.jpg) repeat-x 0px 1} .pro-title{width:968height:25} .pro-title p{height:25line-height:30text-indent:23font-weight:} .pro-div{width:968margin-top:17} .left{width:51float:} .left input{width:16height:18display:position:margin-top:73margin-left:24}
.center{width:865height:200float:position:overflow:} #pro-scroll{width:865position:overflow:} .pro-ul{width:10000px} .pro-ul li{display:inline-*display:float:} .pro-ul-1{} .pro-ul-1 li{width:173display:inline-*display:float:} .pro-ul-1 li a img{width:163height:163border:1px solid #d8} .pro-ul-1 li a p{text-align:line-height:24} .right{width:52float:} .right input{width:16height:18display:position:margin-top:73margin-left:9} /*index &main-down*/ .main-down{width:970height:144margin:20px auto 0} .in-title{line-height:32font-weight:text-indent:15height:37} .in-down{height:105overflow:} .news{width:386height:142border:1px solid #margin-right:14float:background-image:url(../Images/bg_news.gif);} .news-li{width:342height:45border-bottom:1px dotted #margin-left:25} .news-li p{line-height:18color:#999999;} .news-li p a{color:#666666;} .case{width:336height:142border:1px solid #margin-right:14float:background-image:url(../Images/bg_case.gif);overflow:} .server{width:214height:142border:1px solid #float:} .server img{display:}
/*main*/ .main{width:988margin:13px auto 0} .main-01{width:988height:9background:url(../Images/bg_main_01.jpg) no-} .main-02{width:988background:url(../Images/bg_main_02.jpg) repeat-y;margin-top:-1_margin-top:-4} .main-con{width:968margin:0px auto 0} .con-left{width:226margin-left:20_margin-left:10float:position: } .left-title{font-size:24 font-weight:color:#666666;line-height:58height:54 font-family:"微软雅黑"} .left-nav-1{width:196} .left-nav-1 li{padding-bottom:10} .left-nav-1 li a{width:196height:30display:background-color:#f2f0e3;color:#000000;font-size:14text-indent:12line-height:30} .left-nav-1 li a:hover,.left-nav-1 li a.cur-1{background:url(../Images/bg_left_nav.jpg) repeat-x;color:#text-decoration:} .left-nav-2{ margin-top:20display:} .left-nav-2 li{padding:0} .left-nav-2 li a{width:180margin-left:16font-size:12line-height:14background:} .left-nav-2 li a:hover,.left-nav-2 li a.cur-2{background:color:} .left-nav-3 li{padding:0} .left-nav-3 li a{width:170margin-left:26font-size:12line-height:14background:} .left-nav-3 li a:hover,.left-nav-3 li a.cur-3{background:color:#006730;}
.con-right{width:702float:margin-right:20_margin-right:12position:} .con-right .back{ text-align: margin-bottom:30} .con-right .back a{ color:#000; font-size:14 padding:4px 15 border:1px solid #} .con-right .back a:hover{ border-color:#666666; text-decoration:} .right-title{width:702height:54border-bottom:1px solid #} .right-title div{width:302height:54 float:left} .right-title div.div-2{width:400height:54 float:right} .right-title p{line-height:65font-size:13} .right-title div.div-2 p.p-2{float:} .right-title div.div-2 p.p-2 span{ padding:0 5} span.last-span{color:#006730;}
.probar{ width:100%; margin-top:20} .pro-ul-2{width:100%; float:} .pro-ul-2 li{float: margin:15px 10} .pro-ul-2 li a{width:208border:1px solid #d7 float:} .pro-ul-2 li a:hover{ border-color:#046933;} .pro-ul-2 li a img{ width:206height:160 padding:1} .pro-ul-2 li a p{ line-height:66 text-align:}
.newbar{ width:100%;} .newbar .title{ width:100%; line-height:30 background:url(../Images/bg_right_01.jpg) repeat-x; color:#000000;} .newbar .title .time{ width:100 text-align: float:} .newbar .title .t{ margin-left:20} .newbar .newlist{ line-height:30 margin-top:20} .newbar .newlist li{} .newbar .newlist li a{ margin-left:10 background: url(../Images/icon_new.gif) left center no- padding-left:10 } .newbar .newlist span{ &text-align: float:} .newbar .newshow{ padding:20overflow:width:670} .newbar .newshow img{max-width:670_width:expression(this.width&670?670:this.width)} h2{ font-weight: color:#006730; line-height:65 font-size:14 text-align:} .pro_Parameter{ width:100%; float:left} .pro_Parameter .left{ width:330} .pro_Parameter .left img{ width:324 height:324 border:1px solid # padding:2}
.pro_Parameter .right{ width:330 margin-left:30} .pro_Parameter .right .title, .pro_detail .title{ line-height:32 background:url(../Images/bg_right_01.jpg) repeat-x; color:#000; font-size:14} .pro_Parameter .right .title span, .pro_detail .title span{ background:url(../Images/icon_right.jpg) 0px 3px no-padding-left:10 margin-left:10} .pro_Parameter .right .con{ padding:20width:280overflow:} .pro_detail .con{ padding:20width:670overflow:} .pro_detail .con img{max-width:670_width:expression(this.width&670?670:this.width)} .pro_detail{ width:100%; float: margin-top:20}
.page-list{width:100%;padding:45px 0px 41px 0text-align:} .page-list a{color:#c8c8c8;padding-left:5} .page-list a.on{color:#6a6a6a;} .page-list a.off{color:#6a6a6a;} .main-03{width:988height:10background:url(../Images/bg_main_03.jpg) no-clear:} /*footer*/ .footer{width:100%;height:99margin-top:20padding-top:30border-top:1px solid #e0e1e4;background-color:#efeff1;} .footer p{line-height:24text-align:} .footer p.footer-p1{color:#666666;} .footer p.footer-p2{color:#9c9c9c;} /*main*/
，HTML代码如上，好像不是很好看，顺便教下，怎么发问题，把代码提交的好看点？
&html xmlns="http://www.w3.org/1999/xhtml"&&head&
&meta http-equiv="Content-Type" content="text/ charset=utf-8"&
&title&产品中心 - 浙江诚儒环境设备有限公司&/title&
&meta name="generator" content="PHPMyWind CMS"&
&meta name="author" content="KCCN Team"&
&meta name="keywords" content=""&
&meta name="description" content=""&
&link rel="stylesheet" type="text/css" href="CSS/cr.css"&
&script type="text/javascript" src="JS/jquery-1.9.1.min.js"&&/script&
&script type="text/javascript" src="JS/cr.js"&&/script&
&!-- header --&
& & &!-- header --&
&body&&div class="header"&
&div class="header-con"&
&div class="header-top"&&
& & & & &span class="span-1" onclick="setHomepage();"&设为首页&/span&
& & & & & & &span class="span-2" onclick="AddFavorite();"&加入收藏&/span&
& & &/div&
& & & & &div&&/div&
&div class="header-logo"&&a href="index.php"&&/a&&/div&
&div class="header-nav"&
&ul class="nav"&
&li&&a href="index.php"&首页&/a&&span&|&/span&&/li&
&!-- 鼠标悬浮和当前鼠标添加样式cur-nav --&
&li&&a href="products_list.php?cid=1" class="cur-nav"&产品中心&/a&&span&|&/span&
& & & & & & & & &ul class="nav-second" style="height: 300 display:"&&li&&a href="products_list.php?cid=14"&中央空调&/a&&ul class="nav-third" style="display:"&&li&&a href="products_list.php?cid=17"&大金&/a&&/li&&li&&a href="products_list.php?cid=18"&格力&/a&&/li&&li&&a href="products_list.php?cid=19"&美的&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=15"&分体式空调&/a&&ul class="nav-third" style="display:"&&li&&a href="products_list.php?cid=28"&大金&/a&&/li&&li&&a href="products_list.php?cid=30"&东芝&/a&&/li&&li&&a href="products_list.php?cid=124"&美的&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=99"&水机&/a&&ul class="nav-third" style="display:"&&li&&a href="products_list.php?cid=145"&格力&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=16"&净水器&/a&&ul class="nav-third" style="display:"&&li&&a href="products_list.php?cid=74"&前置过滤器&/a&&/li&&li&&a href="products_list.php?cid=75"&三级超滤净水器&/a&&/li&&li&&a href="products_list.php?cid=76"&全屋净水机&/a&&/li&&li&&a href="products_list.php?cid=77"&全屋软水机&/a&&/li&&li&&a href="products_list.php?cid=78"&一体式RO直饮机&/a&&/li&&li&&a href="products_list.php?cid=79"&两用RO直饮机&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=93"&家用电器&/a&&ul class="nav-third" style="display:"&&li&&a href="products_list.php?cid=94"&洗衣机&/a&&/li&&li&&a href="products_list.php?cid=95"&冰箱&/a&&/li&&li&&a href="products_list.php?cid=97"&电视机&/a&&/li&&li&&a href="products_list.php?cid=98"&剃须刀&/a&&/li&&li&&a href="products_list.php?cid=103"&电饭煲&/a&&/li&&li&&a href="products_list.php?cid=104"&榨汁机&/a&&/li&&li&&a href="products_list.php?cid=105"&挂烫机和电熨斗&/a&&/li&&li&&a href="products_list.php?cid=106"&豆浆机&/a&&/li&&li&&a href="products_list.php?cid=107"&搅拌机&/a&&/li&&/ul&&/li&&/ul&
& & & & & & & & &/li&
&li&&a href="new_list.php?cid=13"&新闻中心&/a&&span&|&/span&&/li&
&li&&a href="project_list.php?cid=3"&案例展示&/a&&span&|&/span&&/li&
&li&&a href="about_chengroom.php?cid=12"&关于诚儒&/a&&span&|&/span&&/li&
&li&&a href="hr.php?cid=5"&人才招聘&/a&&span&|&/span&&/li&
&li&&a href="service_centre.php?cid=8"&服务中心&/a&&span&|&/span&&/li&
&li&&a href="contact.php?cid=7"&联系我们&/a&&span&|&/span&&/li&
& & &script type="text/javascript"&
/*当前页面导航高亮*/
var href = window.location.href.split('/')[window.location.href.split('/').length-1].substr(0,4);
if(href.length & 0){
$(function(){
$("ul.nav a[href^='"+href+"']").first().attr("class","cur-nav");
$(function(){$("ul.nav a:first[href^='index']").attr("class","cur-nav")});
//加入收藏
function AddFavorite(){
if(document.all){
window.external.addFavorite(window.location.href,document.title);
}catch(e){
alert("加入收藏失败，请使用Ctrl+D进行添加！");
}else if(window.sidebar){
window.sidebar.addPanel(document.title, window.location.href, "");
alert("加入收藏失败，请使用Ctrl+D进行添加！");
//设为首页
function setHomepage(){
if (document.all)
document.body.style.behavior='url(#default#homepage)';
& document.body.setHomePage(window.location.href); &
else if (window.sidebar)
if(window.netscape)
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");&
catch (e)&
alert( "该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true" );&
var prefs = Components.classes['@mozilla.org/preferences-1'].getService(Components. interfaces.nsIPrefBranch);
prefs.setCharPref('browser.startup.homepage',window.location.href);
& & &/script&
& & &!-- banner --&
& & &div class="banner-2"&
& & &div class="banner-con-2"&
& & &div id="banner-box-2"&
& & & & &img src="Images/pic/banner_in.jpg"&
& & & &&/div& & & & &
& & & & &/div&
& & &/div& &
& & &script type="text/javascript"&
/*当前左导航显示*/
& & var href2 = window.location.href.split('/')[window.location.href.split('/').length-1];
if(href2.length & 0){
$(function(){
//$(".left-nav-3").hide();
//$(".left-nav-1 li").has(".left-nav-2").has($("ul.left-nav-1 a[href='"+href2+"']")).find(".left-nav-2").has("li").stop(true,true).slideDown(1000);
$(".left-nav-1 li").has(".left-nav-2").has($("ul.left-nav-1 a[href='"+href2+"']")).find("a:first").addClass("cur-1");
$(".left-nav-2 li").has(".left-nav-3").has($("ul.left-nav-2 a[href='"+href2+"']")).find("a:first").addClass("cur-2");
$(".left-nav-3 li").find($("ul.left-nav-3 a[href='"+href2+"']")).addClass("cur-3");
& & &/script& & &&
& & &!-- main --&
& & &div class="main"&
& & &div class="main-01"&&/div&
& & &div class="main-02"&
& & &div class="main-con"&
& & & & &div class="con-left"&
& & & & & & &h1 class="left-title"&产品中心&/h1&
& & & & & & & & &ul class="left-nav-1"&
& & & & & & & & &li&&a href="products_list.php?cid=14" class="cur-1"&中央空调&/a&&ul class="left-nav-2" style="display:"&&li&&a href="products_list.php?cid=17" class=""&--大金&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=39"&&F系列&/a&&/li&&li&&a href="products_list.php?cid=41"&&苏宁专供&/a&&/li&&li&&a href="products_list.php?cid=40"&&G系列&/a&&/li&&li&&a href="products_list.php?cid=43"&&五星专供&/a&&/li&&li&&a href="products_list.php?cid=42"&&国美专供&/a&&/li&&li&&a href="products_list.php?cid=44"&&S系列&/a&&/li&&li&&a href="products_list.php?cid=45"&&SP系列&/a&&/li&&li&&a href="products_list.php?cid=46"&&SJ系列&/a&&/li&&li&&a href="products_list.php?cid=47"&&PJ系列&/a&&/li&&li&&a href="products_list.php?cid=48"&&SH系列&/a&&/li&&li&&a href="products_list.php?cid=49"&&PH系列&/a&&/li&&li&&a href="products_list.php?cid=50"&&A系列&/a&&/li&&li&&a href="products_list.php?cid=51"&&B系列&/a&&/li&&li&&a href="products_list.php?cid=52"&&L系列&/a&&/li&&li&&a href="products_list.php?cid=53"&&H系列&/a&&/li&&li&&a href="products_list.php?cid=54"&&SJ系列&/a&&/li&&li&&a href="products_list.php?cid=55"&&G系列&/a&&/li&&li&&a href="products_list.php?cid=56"&&SJ系列&/a&&/li&&li&&a href="products_list.php?cid=57"&&帕缔能&/a&&/li&&li&&a href="products_list.php?cid=58"&&G系列&/a&&/li&&li&&a href="products_list.php?cid=59"&&S系列&/a&&/li&&li&&a href="products_list.php?cid=60"&&H系列&/a&&/li&&li&&a href="products_list.php?cid=61"&&B系列&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=18" class=""&--格力&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=23"&&U系列&/a&&/li&&li&&a href="products_list.php?cid=24"&&i系列&/a&&/li&&li&&a href="products_list.php?cid=62"&&变频系列&/a&&/li&&li&&a href="products_list.php?cid=63"&&定频系列&/a&&/li&&li&&a href="products_list.php?cid=64"&&1Hz系列挂机&/a&&/li&&li&&a href="products_list.php?cid=65"&&分体挂壁式&/a&&/li&&li&&a href="products_list.php?cid=66"&&分体立柜式&/a&&/li&&li&&a href="products_list.php?cid=67"&&分体挂壁式&/a&&/li&&li&&a href="products_list.php?cid=68"&&分体立柜式&/a&&/li&&li&&a href="products_list.php?cid=69"&& 好学风&/a&&/li&&li&&a href="products_list.php?cid=70"&&窗机&/a&&/li&&li&&a href="products_list.php?cid=71"&&移动空调&/a&&/li&&li&&a href="products_list.php?cid=72"&&大冷量柜机&/a&&/li&&li&&a href="products_list.php?cid=73"&&天井机&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=19" class="cur-2"&--美的&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=25"&&系列1&/a&&/li&&li&&a href="products_list.php?cid=26"&&系列2&/a&&/li&&/ul&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=15" class=""&分体式空调&/a&&ul class="left-nav-2" style="display:"&&li&&a href="products_list.php?cid=28"&--大金&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=108"&&VRV X SERIES&/a&&/li&&li&&a href="products_list.php?cid=109"&&VRV 水源热泵系列&/a&&/li&&li&&a href="products_list.php?cid=110"&&VRV 更新用Q系列&/a&&/li&&li&&a href="products_list.php?cid=111"&&SkyAir Multi 系列&/a&&/li&&li&&a href="products_list.php?cid=112"&&分体式RZQ系列&/a&&/li&&li&&a href="products_list.php?cid=113"&&分体式RZQH系列&/a&&/li&&li&&a href="products_list.php?cid=114"&&中/大型设备用空调（定频）&/a&&/li&&li&&a href="products_list.php?cid=115"&&中/大型设备用空调（变频）&/a&&/li&&li&&a href="products_list.php?cid=116"&&无人基站用空调系列&/a&&/li&&li&&a href="products_list.php?cid=117"&&无人基站用空调系列&/a&&/li&&li&&a href="products_list.php?cid=125"&&LP系列&/a&&/li&&li&&a href="products_list.php?cid=126"&&PMX系列&/a&&/li&&li&&a href="products_list.php?cid=127"&&LMX系列&/a&&/li&&li&&a href="products_list.php?cid=128"&&VRV住宅用P系列&/a&&/li&&li&&a href="products_list.php?cid=129"&&超级多联3MX/4MX系列 &/a&&/li&&li&&a href="products_list.php?cid=130"&&VRV X SERIES&/a&&/li&&li&&a href="products_list.php?cid=131"&&直流变频分体式风管机&/a&&/li&&li&&a href="products_list.php?cid=132"&&全热交换器&/a&&/li&&li&&a href="products_list.php?cid=133"&&多功能VRV系列&/a&&/li&&li&&a href="products_list.php?cid=134"&&采暖MX系列&/a&&/li&&li&&a href="products_list.php?cid=135"&&EEHS系列 &/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=30"&--东芝&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=124"&--美的&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=99"&水机&/a&&ul class="left-nav-2" style=""&&li&&a href="products_list.php?cid=145"&--格力&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=146"&&离心机系列 &/a&&/li&&li&&a href="products_list.php?cid=147"&&螺杆机系列&/a&&/li&&li&&a href="products_list.php?cid=148"&&模块机系列 &/a&&/li&&li&&a href="products_list.php?cid=149"&&户式机系列&/a&&/li&&li&&a href="products_list.php?cid=150"&&特种机系列、冷冻冷藏系列 &/a&&/li&&/ul&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=16"&净水器&/a&&ul class="left-nav-2" style=""&&li&&a href="products_list.php?cid=74"&--前置过滤器&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=75"&--三级超滤净水器&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=76"&--全屋净水机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=77"&--全屋软水机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=78"&--一体式RO直饮机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=79"&--两用RO直饮机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=93"&家用电器&/a&&ul class="left-nav-2" style=""&&li&&a href="products_list.php?cid=94"&--洗衣机&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=100"&&滚筒洗衣机&/a&&/li&&li&&a href="products_list.php?cid=101"&&全自动洗衣机&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=95"&--冰箱&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=96"&&三星冰箱&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=97"&--电视机&/a&&ul class="left-nav-3" style="display:"&&li&&a href="products_list.php?cid=102"&&夏普&/a&&/li&&/ul&&/li&&li&&a href="products_list.php?cid=98"&--剃须刀&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=103"&--电饭煲&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=104"&--榨汁机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=105"&--挂烫机和电熨斗&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=106"&--豆浆机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&li&&a href="products_list.php?cid=107"&--搅拌机&/a&&ul class="left-nav-3" style="display:"&&/ul&&/li&&/ul&&/li& & & & & & & & &&/ul&
& & & & & & &/div&
& & & & & & &div class="con-right"&
& & & & & & &div class="right-title"&
& & & & & & & & &div&
& & & & & & & & & & &p&分体式空调&/p&
& & & & & & & & & &/div&
& & & & & & & & & & &div class="div-2"&
& & & & & & & & & & &p class="p-2"&&a href="index.php"&首页&/a&&&a href="products_list.php?cid=1"&产品中心&/a&&&span class="last-span"&分体式空调&/span&&/p&
& & & & & & & & &/div&
& & & & & & & &/div&
& & & & & & & & &div class="probar"&
& & & & & & & & &ul class="pro-ul-2"&
& & & & & & & & & &a href="products_show.php?cid=117&id=579"&
& & & & & & & & & & & & &img src="uploads/image/3594535.jpg"&
& & & & & & & & & & & & &p&无人基站用空调系列[各...&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &a href="products_show.php?cid=116&id=578"&
& & & & & & & & & & & & &img src="uploads/image/3598723.jpg"&
& & & & & & & & & & & & &p&无人基站用空调系列[通...&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &a href="products_show.php?cid=115&id=577"&
& & & & & & & & & & & & &img src="uploads/image/3598887.jpg"&
& & & & & & & & & & & & &p&中/大型设备用空调(直...&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &a href="products_show.php?cid=114&id=576"&
& & & & & & & & & & & & &img src="uploads/image/3599416.jpg"&
& & & & & & & & & & & & &p&中/大型设备用空调&定...&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &a href="products_show.php?cid=113&id=575"&
& & & & & & & & & & & & &img src="uploads/image/3595069.jpg"&
& & & & & & & & & & & & &p&分体式RZQH系列&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &a href="products_show.php?cid=112&id=574"&
& & & & & & & & & & & & &img src="uploads/image/3599427.jpg"&
& & & & & & & & & & & & &p&分体式RZQ系列&/p&
& & & & & & & & & & &/a&
& & & & & & & & & &&/ul&
& & & & & & & & &/div&
& & & & & & & & & & &div class="page-list"&
& & & & & & & & & & & & &span&&a href="javascript:;" title="已是第一页" class="off"&《&/a&&a href="javascript:;" title="已是第一页" class="off"&《上一页&/a&&a href="javascript:;" class="on"&1&/a&&a href="?cid=15&page=2" class="num" title="第 2 页"&2&/a&&a href="?cid=15&page=3" class="num" title="第 3 页"&3&/a&&a href="?cid=15&page=4" class="num" title="第 4 页"&4&/a&&a href="?cid=15&page=2" title="下一页"&下一页》&/a&&a href="?cid=15&page=4" title="最后一页"&》&/a&&/span&&select onchange="window.location.href=this."&&option selected="selected" value="/products_list.php?cid=15&page=1"&1&/option&&option value="/products_list.php?cid=15&page=2"&2&/option&&option value="/products_list.php?cid=15&page=3"&3&/option&&option value="/products_list.php?cid=15&page=4"&4&/option&&/select& & & & & & & & & & &&/div&
& & & & & & &/div&
&div class="clear"&&/div&
& & & & &/div&
& & &/div&
& & &div class="main-03"&&/div&
& & &/div& &
& & &!--- footer --&
& & &!-- footer --&
&div class="footer"&
&p class="footer-p1"& 版权所有:浙江诚儒环境设备有限公司 &浙ICP备号-1&/p&
&p class="footer-p2"&技术支持：&a href="http://www.kccn.net" target="_blank" title="杭州专业网站建设服务商" alt="网页设计"&杭州金创 KCCN&/a&&/p&
&style type="text/css"&
#qq{ width:138 height:135 position: _position: top:130 _top:expression((eval(document.documentElement.scrollTop))+130+"px"); right:-110 z-index:99; }
.q_left{ width:28 height:135 float: background:url(Images/online.jpg) no- position: cursor:}
.q_left p.online_switch{ width:38 height:30 position: top:-15 background:url(images/online_switch.png) no-}
.q_right{ width:100 height:125 float: border:5px solid #0d8e49}
.q_right p{ text-align: font-size:14 color:#0d8e49; line-height:30 border-bottom:1}
.q_right a{ width:100%; text-align: display: padding:5px 0;}
&div id="qq"&
& & &div class="q_left"&
& & & &&!-- &p class="online_switch"&&/p&--&
& & &/div&
& & &div class="q_right"&
& & &p&QQ在线客服&/p&
& & &div class="kf"&&div class="kf_r"&&a target="_blank" href="/msgrd?v=3&uin=&site=qq&menu=yes"&&img border="0" src="/pa?p=2::41" alt="点击这里给我发消息" title="点击这里给我发消息"&&/a&&/div&&/div& & &&/div&
&script type="text/javascript"&
$('div.q_left').bind('click',function(){
var condition = parseInt($('#qq').css('right'));
if(condition&=0){
$('#qq').animate({right:'-110px'});
$('#qq').animate({right:'0px'});
&/script& & &
&/body&&/html&
菜单事件是配合HTML实现的，光有脚本没有Html很难找到问题出在哪，你把完整的代码贴出来，我帮你改，是在不行,你可以去这里看看有没有你想要的：
--- 共有 1 条评论 ---
客户所要改的就是/products_list.php?cid=15这个链接的，左边栏菜单，想用点击展开，滑动展开不好操控。
把mouseover 改成 click
--- 共有 1 条评论 ---
改过了，但是还是不行。改成click的效果是：滑动展开的效果没有了，但是点击后马上闪一下，菜单又合上，点一下，展开又合上的那种。
这段代码看着感觉要改还不如直接推倒重写
PS：第一眼看到题主名字还以为是jia'nai，正奇怪呢，细细一想，应该是断句jian'ai
--- 共有 2 条评论 ---
: 哎，你贴的代码看着好蛋疼，插入的时候可以选“插入程序代码或脚本”。建议你干脆直接使用jQuery的accordion
ui插件算了，仿照demo的HTML结构把现在的导航条填进去。
能不能正视一下问题额。亲，给jia
nai重写一个？jquery不会的说}
我要回帖
更多关于 三星手机一般能用几年 的文章
更多推荐
- ·顺天之逆天小说是逆天仙魔录改名了吗吗？
- ·请问派出所警察局可以通过手机号码找人吗抖音号找人要多久吗？
- ·龙江人社换成什么了app暂停服务了吗
- ·各位辛苦了表情包哪位大神告知一下她叫什么名字？
- ·推特有小黑锁推特被锁定怎么解开除？
- ·怎样把qq厘米秀怎么把qq宠物去掉掉
- ·华为荣耀v10评测X1和荣耀3X Pro有什么区别
- ·如何再次申请王者荣耀如何玩体验服体验服
- ·联想扬天mi3 4170 i3 6100 联想笔记本报价贵吗
- ·广元月坝地区找个朋友借点钱，二月初归还，网贷勿扰
- ·市面上大尺寸数码管挺贵，要自己用3mm发光二极管尺寸做5寸数码管
- ·uv平板打印机品牌的打印成本是多少
- ·为什么三星s7edge换屏后遗症的屏
- ·学编程从哪从零开始学编程？
- ·Xcode7 怎么xcode免费真机调试试
- ·联通马上富京东推广员佣金规则则有人知道吗
- ·满洲里电信宽带维修修给不给钱
- ·有没有找一批兼职拉人群可以拉一下
- ·迈腾到底安装哪种导航和迈腾倒车影像翻盖原厂好
- ·三星手机怎么样好不好样
- ·齿轮齿条传动比比故障需要维修吗
- ·手机百度怎么投诉网站怎么投诉
- ·求一个趣头条邀请码不见了自媒体邀请码，谢谢
- ·哪个网站报团去什么旅游团比较好比较好
- ·Word文档中wps文档下划线怎么打打出来
- ·苹果游戏排行榜七p磨砂黑能补漆吗
- ·Multisim10仿真循环彩灯控制器电路设计的设计
- ·魅蓝max和魅蓝note6 小米maxx哪个好
- ·南京银行你好银行贷款，我的亲戚在手机上借了佷多贷款，可是一直都还不清，请问怎样才能查他到底借多少？
- ·北国先天下各楼层品牌有mac吗
- ·如何看待锤子科技虽然每锤子2017下一款手机机都是精品，却不能得到
- ·碘伏能杀灭hpv病毒吗16好能治愈吗
- ·啊，是不是led灯可以调节亮度吗的
- ·我在外地怎么监控老婆手机免费软件在家里老婆的手机
- ·戴尔戴尔游匣什么时候出的上班
