ホームページ

JS特殊効果

CSS3特殊効果

CSS3 左アコーディオンメニュー効果

ダウンロード中プレビュー

<!DOCTYPE html>
<html>
<頭>
<メタ文字セット="UTF-8">
<title>jQuery 左アコーディオンメニューコード </title>

<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/leftnav.css" media="screen" type="text/css">

</head>
<body style="パディング: 100px;">

<div class="account-l fl">
<a class="list-title">アカウント概要</a>
<ul id="アコーディオン" class="アコーディオン">
<li>
<div class="link"><i class="fa fa-leaf"></i>製品管理<i class="fa fa-chevron-down"></i> < ;/div>
<ul class="サブメニュー">
<li id="ショップ"><a>ショップを見る</a></li>
<li id="publicproducts"><a>製品を公開</a></li>
<li id="製品リスト"><a>製品を見る</a></li>
<li id="mysaled"><a>販売済み商品</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-shopping-cart"></i>購買管理<i class="fa fa-chevron-down"></ i> ;</div>
<ul class="サブメニュー">
<li id="publishpurchase"><a>購入を公開</a></li>
<li id="postneeds"><a>購入を見る</a></li>
<li id="getneeds"><a>見積書を受け取りました</a></li>
<li id="mypricesheet"><a>私の見積</a></li>
<li id="concernshop"><a>フォロー中の店舗</a></li>
<li id="concerngood"><a>次の項目</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-pencil-square-o"></i>問い合わせ管理<i class="fa fa-chevron-down"> < /i>

;
<ul class="サブメニュー">
<li id="buyerxunpanlist"><a>問い合わせを受け取りました</a></li>
<li id="publishrequire"><a>私の質問</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-file-text"></i>注文管理<i class="fa fa-chevron-down"></ i> ;</div>
<ul class="サブメニュー">
<li id="myorder"><a>私の注文</a></li>
<li id="myrefund"><a>払い戻し申請</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-globe"></i>財務管理<i class="fa fa-chevron-down"></i> < ;/div>
<ul class="サブメニュー">
<li id="myloan"><a>私のローン</a></li>
<li id="financialmanage"><a>要件申請</a></li>
<li id="myapplication"><a>私のアプリケーション</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-unlock-alt"></i>セキュリティ管理<i class="fa fa-chevron-down"></ i> ;</div>
<ul class="サブメニュー">
<li id="basecomInfo"><a>基本情報</a></li>
<li id="authenchange"><a>認証情報</a></li>
<li id="phoneAuth"><a>携帯電話認証</a></li>
<li id="bankCardAuth"><a>銀行カード認証</a></li>
<li id="emailAuth"><a>メール認証</a></li>
<li id="passwordmodify"><a>パスワードの変更</a></li>
<li id="paymentpsdmodify"><a>支払いパスワード</a></li>
<li id="住所"><a>配送先住所</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-star"></i>レビュー管理<i class="fa fa-chevron-down"></i> < ;/div>;
<ul class="サブメニュー">
<li id="usercomments"><a>私のレビュー</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-bell"></i>メッセージ管理<i class="fa fa-chevron-down"></i> < ;/div>
<ul class="サブメニュー">
<li id="mymsg"><a>私のメッセージ</a></li>
</ul>
</li>

<li>
<div class="link"><i class="fa fa-signal"></i>統計管理<i class="fa fa-chevron-down"></i> < ;/div>
<ul class="サブメニュー">
<li id="censusmanager"><a>月間取引高</a></li>
<li id="statisticmanager"><a>月間注文量</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-credit-card"></i>白条管理<i class="fa fa-chevron-down"></ i> ;</div>
<ul class="サブメニュー">
<li id="oweindex"><a>白条を開く</a></li>
<li id="myIous"><a>私の白条</a></li>
<li id="louorderlist"><a>注文リスト</a></li>
</ul>
</li>
</ul>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src='js/leftnav.js'></script>

</div>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</本文>

</html>

これは CSS3 左アコーディオンメニュー効果です。必要な友達は直接ダウンロードできます。その他の特殊効果コードは、PHP 中国語 Web サイトで見つけることができます。

免責事項

このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロードサイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn