Une zone de recherche de commutation d'imitation Taobao. Passez au contenu que vous souhaitez rechercher. Les amis intéressés peuvent consulter le code ci-dessous.
<div> <div id = "searchbox"> <ul id = "tabar"> <lis tips = "s'il vous plaît entrez le nom du produit"> produit </li> <li> <span> | </span> </li> <lis tips = "Veuillez entrer le nom du magasin"> shop </li> </ul> <div id = "tabbox"> <formulaire surbmitte = "" Action = "" Method = "Get" Get "Name =" id = "ENTRECFORM" id="keyword" name="keyword" lang="zh-CN" type="text" value="please enter product name"><input value="Search" onfocus="this.blur()" type="submit"></form></div><div><a href="#"><span>Men's Clothing</a></a><a href="#">Doomwoman's Shoes</a><a href = "#"> Chaussures masculines de Shenggao </a> <a href = "#"> <span> Vêtements pour femmes </a> </a> <a href = "#"> Suncreen </a> <a href = "#"> Crème d'épilation des cheveux </a> </v> </v>
.Search {position: Absolute; En haut: 14px; Gauche: 34%; Largeur: 477px; _Width: 477px; Hauteur: 81px;}. Mot-clé A {Font-Size: 12px; hauteur de ligne: 18px; Couleur: # 999; rembourrage: 0 4px;}. mot-clé une span {couleur: # fb5004;}. tab-bar li.current {couleur: # 1d7ad9; Police-poids: Bold; CONTEXTE: URL (../ images / trian_up.png) sans répétition du bas du centre; padding-bottom: 9px;}. tab-bar li {largeur: 38px; Texte-aligne: Centre; Couleur: # 444; flottant: à gauche; curseur: pointeur;}. tab-bar li.tab-line {width: 2px; Couleur: # C9C9C9; marge: 0 2px;}. tab-box {border: 2px solide # 1d7ad9;}. text {couleur: # a9a9a9; Largeur: 376px; hauteur: 31px; Border: aucun; Texte-indent: 10px; flottant: à gauche; Aperçu: aucun; Border: 0;}. Button {largeur: 97px; hauteur: 32px; Texte-aligne: Centre; Couleur: #ffff; taille de police: 18px; Contexte: # 1d7ad9; Border: aucun; Float: à gauche;} <script type = "text / javascript"> $ (function () {// search toggle $ ('# tabbar'). On ('click', 'li', function () {var tips = $ (this) .attr ('TIPS'); if (TIPS) {$ (this) .addclass ('current'). silets (). reposerlass ('current'); $ ('# keyword').