Maison

Effets spéciaux JS

Effets spéciaux CSS3

Effet de menu accordéon gauche CSS3

Télécharger maintenant Aperçu

<!DOCTYPE html>
<html>
<tête>
<meta charset="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">

</tête>
<body style="rembourrage : 100px;">

<div class="account-l fl">
<a class="list-title">账户概览</a>
<ul id="accordéon" class="accordéon">
<li>
<div class="link"><i class="fa fa-leaf"></i>产品管理<i class="fa fa-chevron-down"></i> </div>
<ul class="submenu">
<li id="shop"><a>查看店铺</a></li>
<li id="publicproducts"><a>发布产品</a></li>
<li id="productlists"><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="submenu">
<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></div>
<ul class="submenu">
<li id="buyerxunpanlist"><a>Demandes reçues</a></li>
<li id="publishrequire"><a>Ma demande</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-file-text"></i>Gestion des commandes<i class="fa fa-chevron-down"></ i> ;</div>
<ul class="submenu">
<li id="ma commande"><a>Ma commande</a></li>
<li id="myrefund"><a>Demande de remboursement</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-globe"></i>Gestion financière<i class="fa fa-chevron-down"></i< ;/div>
<ul class="submenu">
<li id="monprêt"><a>Mon prêt</a></li>
<li id="financialmanage"><a>Application d'exigence</a></li>
<li id="myapplication"><a>Ma candidature</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-unlock-alt"></i>Gestion de la sécurité<i class="fa fa-chevron-down"></ i> ;</div>
<ul class="submenu">
<li id="basecomInfo"><a>Informations de base</a></li>
<li id="authenchange"><a>Informations d'authentification</a></li>
<li id="phoneAuth"><a>Authentification par téléphone portable</a></li>
<li id="bankCardAuth"><a>Authentification par carte bancaire</a></li>
<li id="emailAuth"><a>Authentification par e-mail</a></li>
<li id="passwordmodify"><a>Modification du mot de passe</a></li>
<li id="paymentpsdmodify"><a>Mot de passe de paiement</a></li>
<li id="adresse"><a>Adresse de livraison</a></li>
</ul>
</li>
<li>
<div class="link"><i class="fa fa-star"></i>Gestion des avis<i class="fa fa-chevron-down"></i> ;/div>
<ul class="submenu">
<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="submenu">
<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="submenu">
<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="submenu">
<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>
</corps>

</html>

Les applications CSS3 basées sur CSS3 sont basées sur PHP.

Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

Effet de menu déroulant CSS3 simple avec effet de suivi souligné

20 Mar 2017

Il s'agit d'un effet de menu déroulant avec un effet de soulignement réalisé en CSS3 pur. Le menu déroulant utilise la transformation et la transition CSS3 pour créer des effets de suivi de soulignement et des effets de menu déroulant.

Organisation d'effets spéciaux courants sur des pages Web : Avancé

23 Dec 2016

L'auteur a accumulé de nombreux effets spéciaux Web merveilleux et pratiques au fil du temps. Presque tous ces effets spéciaux sont des effets spéciaux de pages Web couramment utilisés. Je vais maintenant vous présenter ces effets spéciaux organisés et modifiés en trois niveaux. Chapitre avancé 1. différentes périodes

Organiser des effets spéciaux courants sur des pages Web : niveau élémentaire

23 Dec 2016

Organiser des effets spéciaux courants sur des pages Web : niveau intermédiaire

23 Dec 2016

Menu de la barre d'outils avec effet d'animation élastique utilisant jquery et CSS3

19 Jan 2017

Il s'agit d'un effet spécial de menu de barre d'outils avec effet d'animation élastique réalisé à l'aide de jquery et CSS3. Le menu de la barre d'outils affiche uniquement un bouton circulaire par défaut. Lorsque vous cliquez sur le bouton, les éléments du sous-menu se développeront avec une animation élastique et l'effet est très cool.

Une appréciation graphique et textuelle de 8 superbes effets spéciaux d'animation de texte HTML5

06 Mar 2017

Le texte est l’âme des pages Web. Il y a longtemps, quelqu’un a inventé de nombreuses belles polices informatiques, qui donnaient aux pages Web des styles différents. Avec l'émergence du HTML5 et du CSS3, nous pouvons personnaliser le texte. Dans certaines situations, lorsque cela est nécessaire, nous pouvons même utiliser HTML5 pour animer le texte. Cet article partage 8 très beaux effets spéciaux d'animation de texte HTML5, j'espère qu'il pourra être utilisé comme référence pour vous. 1. Animation de texte pliable et retourné 3D CSS3 Aujourd'hui, nous allons partager une application d'effets spéciaux de texte CSS3. Elle est similaire aux effets de texte HTML5/CSS3 partagés auparavant. Il s'agit également d'une animation de texte pliée et retournée 3D CSS3. .

Comment puis-je créer un effet de fondu à l'aide de transitions CSS3 ?

28 Oct 2024

Transitions CSS3 : obtention d'effets de fondu En CSS3, les transitions offrent un outil puissant pour créer des effets visuels dynamiques. Parmi ces effets, il y a...

Animation CSS3 (1) : 5 effets d'animation préchargés

17 Feb 2017

Animation CSS3 (1) : 5 effets d'animation préchargés

Un ensemble d'effets spéciaux d'animation de déformation d'icône de hamburger cool

19 Jan 2017

Hamburgers est une bibliothèque d'animation CSS3 d'effets spéciaux d'animation de déformation d'icône de hamburger super cool. Cet ensemble d'animations d'icônes de hamburger comprend 18 effets d'animation de déformation de hamburger différents. Vous pouvez également personnaliser votre propre animation de déformation d'icône de hamburger via des fichiers Sass.

See all articles