• 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
  • 相关阅读:
    jquery实现页面的搜索功能
    url中的查询字符串的参数解析
    5.14日学习内容1:jquery表单相关知识
    5.12日北京“咖啡陪你”咖啡吧学习笔记
    layui基础上的tree菜单动态渲染;
    H5area的热区锚点随着图片的尺寸而变化
    Python3基础 raise 产生RuntimeError 异常
    Python3基础 raise + 指定类型异常+异常的解释 产生特定类型异常
    Python3基础 判断变量大于一个数并且小于另外一个数
    Python3基础 内嵌函数 简单示例
  • 原文地址:https://www.cnblogs.com/zerogo/p/2006601.html
Copyright © 2020-2023  润新知