亚洲日韩欧美一区二区在线,羞羞视频在线观免费观看,日韩第一区

仿taobao效果拼音字母檢索功能

深山行者個(gè)人網(wǎng)站 2009/12/22 14:07:34 深山行者字體:大中小瀏覽 7793

以下為詳細(xì)代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <title>仿taobao效果拼音字母檢索功能</title>
  <style type="text/css">
  *{ margin:0;padding:0;}
  body{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
  #warpper{ position:absolute; left:100px; top:100px;}
  h5{ float:left;}
  a{ text-decoration:underline; cursor:pointer; font-weight:bold;}
  dl{ height:18px; line-height:18px; background:#f7f7f7; padding:0 10px;}
  dt,.normal{ float:left; padding:0 10px; border-right:1px solid #ccc; text-decoration:none; width:auto; cursor:pointer;}
  dt.over{ position:relative;border:1px solid #86e5f0; padding:0 10px 15px 10px; border-bottom:1px solid #caf1f1; margin:-1px 0 0 -1px; z-index:1000; color:#ff6026; text-decoration:underline; background:#caf1f1; height:22px; }
  li{ float:left; list-style-type:none; margin:5px 10px; width:120px;}
  dl dd{ position:absolute; width:500px; left:0;top:37px!important; border:1px solid #86e5f0; background:#caf1f1; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, color=#cccccc); padding:10px 0;}
  .block{ display:block;}
  .none{ display:none;}
  </style>
  <script language="javascript">
  function XMenu(o){
  this.$ = function(o){ return document.getElementById(o);}
  this.$$ = function(o, str){ return o.getElementsByTagName(str);}
  this.obj = o;
  this.bind();
  }
  XMenu.prototype = {
  bind : function(){
  var xxx = this.$(this.obj); //得到傳對(duì)的對(duì)象。在這里，我沒有做容錯(cuò)處理。沒有判斷這個(gè)對(duì)象存在不存在，如果需要請(qǐng)自己判斷。
  var xdt = this.$$(xxx, 'dt');//得到這個(gè)對(duì)象下的所有的dt
  var xdd = this.$$(xxx, 'dd');//得到這個(gè)對(duì)象下的所有的dd
  var xdtl = xdt.length;//取得有幾個(gè)dt
  xxx['obj'] = xdt[0];//給傳的對(duì)象添加一個(gè)屬性obj，值為 第一個(gè) dd
  for(var i=0; i<xdtl; i++){//循環(huán) 該對(duì)象下的所有的 dd，并為它添加onmouseover事件。
  xdt[i]['dd'] = xdd[i];//給當(dāng)前對(duì)象添加一個(gè)屬性dd,值為，與它相對(duì)應(yīng)的dd對(duì)象，它的作用是在移動(dòng)到當(dāng)前對(duì)象的時(shí)候給與它相對(duì)應(yīng)的dd設(shè)置樣式用的。
  xdt[i]['div'] = xxx;//給當(dāng)前對(duì)象添加一個(gè)屬性div，值為，調(diào)用XMenu時(shí)，所傳入的參數(shù)所對(duì)應(yīng)的對(duì)象。
  xdt[i].onmouseover = function(){
  this['div']['obj'].className = 'normal';
  this['div']['obj']['dd'].className = 'none';
  this.className = 'over';
  this['dd'].className = 'block';
  this['div']['obj'] = this;
  }
  }
  xxx.onmouseout = function(){
  var d = this;//用來(lái)保存當(dāng)前的xxx對(duì)象
  this.hide = setTimeout(function(){
  d['obj'].className = 'normal';
  d['obj']['dd'].className = 'none';
  d = null;
  },2000); //鼠標(biāo)移出后幾秒隱藏。在這里設(shè)置時(shí)間[秒數(shù)*1000]
  }
  xxx.onmouseover = function(){
  if(this.hide){
  clearTimeout(this.hide);
  }
  }
  }
  }
  window.onload = function (){//在文檔onload事件綁定事件處理函數(shù)。
  new XMenu('warpper'); //傳入id。該對(duì)象下的所有dt將會(huì)被綁定onmouseover事件。
  }
  </script>
  </head>
  <body>
  <dl id="warpper">
  <h5>拼音檢索：</h5>
  <dt>a</dt>
  <dd class="none">
  <ul>
  <li><a herf="#">Adidas</a></li>
  <li><a herf="#">AEE/愛意</a></li>
  <li><a herf="#">AF</a></li>
  <li><a herf="#">AF棒球帽</a></li>
  <li><a herf="#">Agatha</a></li>
  <li><a herf="#">Albion/奧爾濱</a></li>
  <li><a herf="#">AMD</a></li>
  <li><a herf="#">Andox</a></li>
  <li><a herf="#">Artini</a></li>
  <li><a herf="#">愛普生</a></li>
  </ul>
  </dd>
  <dt>b</dt>
  <dd class="none">
  <ul>
  <li><a herf="#">fasfs</a></li>
  <li><a herf="#">fsdfsd</a></li>
  </ul>
  </dd>
  <dt>c[ch]</dt>
  <dd class="none">
  <ul>
  <li><a herf="#">fasfs</a></li>
  <li><a herf="#">fsdfsd</a></li>
  <li><a herf="#">fdsfas</a></li>
  </ul>
  </dd>
  <dt>d</dt>
  <dd class="none">
  <ul>
  <li><a herf="#">fasfs</a></li>
  <li><a herf="#">fsdfsd</a></li>
  <li><a herf="#">fdsfas</a></li>
  <li><a herf="#">fasdffsd</a></li>
  </ul>
  </dd>
  <dt>e</dt>
  <dd class="none">
  <ul>
  <li><a herf="#">fasfs</a></li>
  <li><a herf="#">fsdfsd</a></li>
  <li><a herf="#">fdsfas</a></li>
  <li><a herf="#">fasdffsd</a></li>
  <li><a herf="#">fasdfsaf</a></li>
  </ul>
  </dd>
  <dt>f</dt>
  <dd class="none">
  <ul>
  <li><a herf="#">Fancl</a></li>
  <li><a herf="#">Fancl</a></li>
  <li><a herf="#">Fancl</a></li>
  <li><a herf="#">Fancl</a></li>
  <li><a herf="#">Fancl</a></li>
  <li><a herf="#">Fancl</a></li>
  <li><a herf="#">Fancl</a></li>
  <li><a herf="#">Fancl</a></li>
  <li><a herf="#">Fancl</a></li>
  <li><a herf="#">Fancl</a></li>
  </ul>
  </dd>
  </dl>
  </body>
  </html>

前一頁(yè):Javascript實(shí)現(xiàn)CSS代碼高亮顯示

后一頁(yè):CSS+ul 實(shí)現(xiàn)的柱狀圖

相關(guān)閱讀: 解析css屬性的另類屬性之媒體（Media）類型; 深山旅行社網(wǎng)站管理系統(tǒng) v1.5; [轉(zhuǎn)]javascript緩沖效果; 微信公眾號(hào)回復(fù)語(yǔ)音消息或用客服接口推送語(yǔ)音消息; 用uni-app里面的navigator做鏈接時(shí)感覺像有緩存只能點(diǎn)其中一個(gè)鏈接; 百度小程序開發(fā)第一坑tcomponent自定義組件命名坑Compile san component failed. . [SAN ERROR] ROOT>swan-custom-component>view>千萬(wàn)不要用下劃線作為自定義組件名; 劉瀏家俱; 建國(guó)60周年（紅色）留言板模板

共有0條關(guān)于《仿taobao效果拼音字母檢索功能》的評(píng)論: 發(fā)表評(píng)論

正在加載評(píng)論......

返回頂部發(fā)表評(píng)論

呢稱:
表情:
內(nèi) 容:	評(píng)論內(nèi)容:不能超過 1000 字,需審核,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評(píng)論聲明,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號(hào)開發(fā); uni-app; asp函數(shù)庫(kù); ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery設(shè)置或獲取修改classname; 利用css3.0寫出一個(gè)音樂播放的唱片碟盤的效果; 利用css中的scale()實(shí)現(xiàn)放大縮小效果; 利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數(shù)字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標(biāo)簽中; 利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測(cè)試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來(lái)做投票; 火狐Mozilla Firefox出現(xiàn)：無(wú)法載入您的Firefox配置文件它可能已經(jīng)丟失或是無(wú)法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫(kù)飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機(jī)抽取信息: 深山留言板2.14情人節(jié)留言板模板v4.8; CSS編寫過程中常見的10個(gè)錯(cuò)誤以及解決方法; jquery設(shè)置或獲取修改classname; 利用JavaScript獲取現(xiàn)在時(shí)間日期與農(nóng)歷; css分頁(yè)放大效果; a標(biāo)簽的javascript鏈接

更多標(biāo)簽熱門標(biāo)簽

告我想你默認(rèn)高度 2.0 mssql tab Cookie 電腦遍歷還原絕對(duì) 原則 option 留言板模版理想防止文化二級(jí) 斷線標(biāo)注自動(dòng)隱藏火狐貨幣 overflow 自適應(yīng) 加減 time 愛國(guó) Alpha function 利用position把div放在flash上彈窗生成站長(zhǎng) flush alert rnd 標(biāo)語(yǔ) 顯示滾動(dòng)條絕對(duì)定位游覽器過濾壓縮拖動(dòng) 奮斗性能加密初級(jí) select

天天射射天天_久久com_99这里只有精品视频_爱色av_国产在线a_99日韩

仿taobao效果拼音字母檢索功能