国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery 面包屑導(dǎo)航 具體實(shí)現(xiàn)

2019-11-20 22:39:56
字體:
供稿:網(wǎng)友

復(fù)制代碼 代碼如下:

<!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">
<head>
    <title>YanCms左側(cè)導(dǎo)航欄</title>
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.8.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            //#title代表頁面中點(diǎn)擊的元素
            $(".title").click(function () {
                var con = $(this).html();
                //#getTitle代表頁面中想要得到title的值元素
                $("#getTitle").html(con);
                //$(this).attr('href')獲取超鏈接
                var con1 = $(this).attr('href');
               // $("#getTitle").attr("href", "con1");
               // alert(con1);
            });
        });
   </script>
    <script type="text/javascript">
        jQuery().ready(function () {
            jQuery("#navigation").accordion({
                header: '.head',
                event: 'click',
                fillSpace: true,
                animated: 'bounceslide'
            });
        });
    </script>
    <link href="css/left.css" rel="stylesheet" type="text/css" />
    </head>
<body style="background-color:#e6f4fa;" >
        <div class="subMenuTitle" id="getTitle"><a href="#">主功能菜單</a></div>
        <div style="height:100%;">
            <ul id="navigation">
                <li>
                    <a class="head">類別管理</a>
                    <ul>
                        <li class="title">
                            <a href="#1233333" >博文列表</a>
                        </li>

                        <li class="title">
                            <a href="#">添加博文</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="head">類別管理</a>
                    <ul>
                        <li>
                            <a href="#" target="rightFrame"> 類別列表</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="head">友情鏈接</a>
                    <ul>
                        <li>
                            <a href="#" target="rightFrame"> 鏈接列表</a>
                        </li>
                        <li>
                            <a href="#" target="rightFrame">添加鏈接</a>
                        </li>

                    </ul>
                </li>
                <li>
                    <a class="head">系統(tǒng)管理</a>
                    <ul>
                        <li>
                            <a href="#" target="rightFrame">修改管理員密碼</a>
                        </li>

                    
                    </ul>
                </li>

                <li>
                    <a class="head">權(quán)限管理</a>
                    <ul>
                        <li>
                            <a href="#" target="rightFrame">暫未開放</a>
                        </li>
                        <li>
                            <a href="#" target="rightFrame">暫未開放</a>
                        </li>

                    
                    </ul>

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

    </body>
</html>

復(fù)制代碼 代碼如下:

<!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">
<head>
    <title>YanCms左側(cè)導(dǎo)航欄</title>
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.8.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            //#title代表頁面中點(diǎn)擊的元素
            $(".title").click(function () {
                var con = $(this).html();
                //#getTitle代表頁面中想要得到title的值元素
                $("#getTitle").html(con);
                //$(this).attr('href')獲取超鏈接
                var con1 = $(this).attr('href');
               // $("#getTitle").attr("href", "con1");
               // alert(con1);
            });
        });
   </script>
    <script type="text/javascript">
        jQuery().ready(function () {
            jQuery("#navigation").accordion({
                header: '.head',
                event: 'click',
                fillSpace: true,
                animated: 'bounceslide'
            });
        });
 </script>
    <link href="css/left.css" rel="stylesheet" type="text/css" />
 </head>
<body style="background-color:#e6f4fa;" >
        <div class="subMenuTitle" id="getTitle"><a href="#">主功能菜單</a></div>
  <div style="height:100%;">
   <ul id="navigation">
    <li>
     <a class="head">類別管理</a>
     <ul>
      <li class="title">
       <a href="#1233333" >博文列表</a>
      </li>

      <li class="title">
       <a href="#">添加博文</a>
      </li>
     </ul>
    </li>
    <li>
     <a class="head">類別管理</a>
     <ul>
      <li>
       <a href="#" target="rightFrame"> 類別列表</a>
      </li>
        </ul>
    </li>
    <li>
     <a class="head">友情鏈接</a>
     <ul>
      <li>
       <a href="#" target="rightFrame"> 鏈接列表</a>
      </li>
      <li>
       <a href="#" target="rightFrame">添加鏈接</a>
      </li>

     </ul>
    </li>
    <li>
     <a class="head">系統(tǒng)管理</a>
     <ul>
      <li>
       <a href="#" target="rightFrame">修改管理員密碼</a>
      </li>

    
     </ul>
    </li>

    <li>
     <a class="head">權(quán)限管理</a>
     <ul>
      <li>
       <a href="#" target="rightFrame">暫未開放</a>
      </li>
      <li>
       <a href="#" target="rightFrame">暫未開放</a>
      </li>

    
     </ul>

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

 </body>
</html>


發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 马龙县| 上思县| 黄冈市| 浙江省| 五华县| 长治市| 九龙坡区| 荣成市| 资源县| 永靖县| 离岛区| 清原| 布尔津县| 扶余县| 通辽市| 论坛| 玉门市| 团风县| 广安市| 安达市| 青铜峡市| 蓝田县| 永靖县| 留坝县| 东光县| 辽阳市| 山东省| 龙山县| 黎平县| 永仁县| 洪雅县| 大足县| 湖南省| 南康市| 双鸭山市| 甘肃省| 吴桥县| 乌海市| 临清市| 思茅市| 略阳县|