zoukankan      html  css  js  c++  java
  • Jquery二级菜单,鼠标经过显示二级分类,大类和小类都有链接


    http://www.corange.cn//uploadfiles/0331_71051.jpg

    演示地址:http://www.corange.cn/demo/3763/index.html
    <!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 content="text/html; charset=utf-8;charset=utf-8" http-equiv="Content-Type" />
    <link href="menu/FrontPru.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript" src="menu/FrontPrq.js"></script>
    <script type="text/javascript">
    //<![CDATA[
    FrontProductsCategory_show01['FrontProductsCategory_show01-1293769104214_init'] = function() {
    jQuery("div[class^=FrontProductsCategory_show01-d1] > div.menu-first > ul > li").hover( function() {
    jQuery("div[class^=FrontProductsCategory_show01-d1] .menu-second").hide();
    jQuery(this).children("div.menu-second").show();
    jQuery(this).children("div.menu-second > a.menu-text1").addClass("current");
    }, function() {
    jQuery("div[class^=FrontProductsCategory_show01-d1] .menu-second").hide();
    jQuery(this).children("div.menu-second > a.menu-text1").removeClass("current");
    });
    }
    jQuery(document).ready(FrontProductsCategory_show01['FrontProductsCategory_show01-1293769104214_init']);
    //]]>
    </script>
    <div id="FrontProductsCategory_show01-1293769104214" class="FrontProductsCategory_show01-d1_c2"><div class="menu-first">
    <ul>
    <li >
    <a href="" target="_self" class="menu-text1">
    www.corange.cn<span></span>
    </a>
    <div class="menu-second">
    <p class="top"></p>
    <ul>
    <li>
    <a href="" target="_self" class="menu-text2">
    sauce pot<span>(14)</span>
    </a>
    </li>
    <li>
    <a href="" target="_self" class="menu-text2">
    fry pan<span>(14)</span>
    </a>
    </li>
    <li>
    <a href="" target="_self" class="menu-text2">
    chinese wok<span>(1)</span>
    </a>
    </li>
    <li>
    <a href="" target="_self" class="menu-text2">
    sauce pan<span>(5)</span>
    </a>
    </li>
    </ul>
    <p class="bottom"></p>
    </div>
    </li>


    <li >
    <a href="" target="_self" class="menu-text1">
    corange.cn<span>(51)</span>
    </a>
    <div class="menu-second">
    <p class="top"></p>
    <ul>
    <li>
    <a href="" target="_self" class="menu-text2">
    Die-casting set pots<span>(12)</span>
    </a>
    </li>
    <li>
    <a href="" target="_self" class="menu-text2">
    Press Aluminum set pots<span>(19)</span>
    </a>
    </li>
    <li>
    <a href="" target="_self" class="menu-text2">
    Stainless Steel set pots<span>(11)</span>
    </a>
    </li>
    </ul>
    <p class="bottom"></p>
    </div>
    </li>
    <li class="menu-none">
    <a href="" target="_self" class="menu-text1">
    网站asp php开发<span>(28)</span>
    </a>
    </li>

    </ul>
    </div>
    </div>

    </body>
    </html>



    其他文件请到演示文件下载

    原文地址:http://www.corange.cn/archives/2011/03/3763.html
  • 相关阅读:
    一、区块链,这次不容错过
    二、常用固件升级
    2.监控利器nagios手把手企业级实战第一部
    四、NOSQL之Redis持久化缓存服务基础实战第三部
    三、NOSQL之Memcached缓存服务实战精讲第二部
    linux重装docker-compose后无法执行docker-compose命令
    mongodb启用auth,使用密码登录
    Vue的三个点es6知识,扩展运算符
    关于同一台服务器上两个PHP项目相互访问超时的问题
    ffmpeg生成视频封面图
  • 原文地址:https://www.cnblogs.com/zerogo/p/2006601.html
Copyright © 2011-2022 走看看