亚洲97,日韩中文字幕在线视频,黄网站色大毛片

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

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

以下為詳細(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ì)象。在這里，我沒(méi)有做容錯(cuò)處理。沒(méi)有判斷這個(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/愛(ài)意</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="#">愛(ài)普生</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)閱讀: 旅行社手機(jī)網(wǎng)站模板1; 仿淘寶網(wǎng)站的導(dǎo)航標(biāo)簽效果！; 檢測(cè)非法字符; DIV+CSS分頁(yè)代碼,放大鏡分頁(yè)效果; 旅行社網(wǎng)站模板4; nyfreetour.com; 本站出現(xiàn)驗(yàn)證碼問(wèn)題; ASP取得文件的名稱.路徑.建立日期.文件大小.文件類(lèi)型

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

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

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

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

網(wǎng)友評(píng)論聲明,請(qǐng)自覺(jué)遵守互聯(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)。

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

更多>>同類(lèi)信息: jquery設(shè)置或獲取修改classname; 利用css3.0寫(xiě)出一個(gè)音樂(lè)播放的唱片碟盤(pán)的效果; 利用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定位元素; 抖音直播音掛載小雪花懂車(chē)帝小程序; javascript獲取瀏覽器指紋可以用來(lái)做投票; 火狐Mozilla Firefox出現(xiàn)：無(wú)法載入您的Firefox配置文件它可能已經(jīng)丟失或是無(wú)法訪問(wèn) 問(wèn)題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過(guò)代碼修改pip下載源讓下載庫(kù)飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機(jī)抽取信息: 留言板留言板V7.22; javascript根據(jù)內(nèi)容轉(zhuǎn)換為拼音; uni-app:使用uni.downloadFile下載word或pdf文件并保存到手機(jī); asp讀取QQ的rss之xml數(shù)據(jù); 膠球清洗; web版的js正則工具

更多標(biāo)簽熱門(mén)標(biāo)簽

首字母系統(tǒng) 斷線 innerHTML 色彩留言次數(shù) 柱狀隨機(jī) 改變 asp.net submit 滑輪游戲 dl 變色酷 windows 關(guān)鍵字上一頁(yè) 錯(cuò)誤 FSO javascript xml 背景色 expression 省略關(guān)鍵詞 div CSS 事務(wù) input 名稱凹陷 163 個(gè)人虛擬字節(jié)數(shù) 像素縮小光標(biāo) 思考獲得管理系統(tǒng) sel 框分頁(yè) 案例 access 絕對(duì) 九宮格 visite 心情

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

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