国产精品一区专区,精品一区二区三区在线播放视频 ,在线免费观看黄

- 龍誠(chéng)動(dòng)態(tài)
  
  行業(yè)新聞
  
  我們的觀點(diǎn)
  
  公司公告
  
  建站技術(shù)
  
  網(wǎng)站SEO優(yōu)化
  
  網(wǎng)站制作流程
  
  產(chǎn)品報(bào)價(jià)
  - 聯(lián)系電話：0577-55882408
  - 傳真號(hào)碼：0577-55882411
  - 聯(lián)系手機(jī)：15224122065
  - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁(yè)-新聞中心-建站技術(shù)
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <title>漂亮實(shí)用的select下拉菜單</title> <style type="text/css"> body{font-size:12px;} .select{width:150px;height:24px;line-height:24px;position:relative;text-align:center;cursor:pointer;background:url(/img/1_20100909zzjs.jpg) right 0px no-repeat;color:#fff;} .option{line-height:24px;width:150px;position:absolute;top:24px;left:0px;display:none;background:#820014;} ul{list-style:none;margin:0;padding:0;} ul li{height:24px;background:#666px;text-align:center;} </style> <script type="text/javascript" src="/img/jquery_zzjs.js"></script> <script type="text/javascript"> $(document).ready(function(){ var selects=$("#select"); var options=$("#option"); var state=true; selects.click(function(){ if(state){ if(!($(this).is(":animated"))){ options.slideDown(); }else{ options.css("display","none"); } state=false; }else{ if(!($(this).is(":animated"))){ options.slideUp(); }else{ $(this).stop(true,true); options.css("display",""); } state=true; } }); selects.hover(function(){ $(this).css("background","url(/img/2_20100909zzjs.jpg) right 0px no-repeat"); }, function(){ $(this).css("background","url(/img/1_20100909zzjs.jpg) right 0px no-repeat"); }); $("li").hover(function(){ $(this).css("background","#990000").css("color","#ff9900"); }, function(){ $(this).css("background","#820014").css("color","#fff"); }); $("li").click(function(){ $(this).css("background","#c00").css("color","#ffffff"); options.css("display","none"); selects.children("span").text($(this).attr("tip")); $(".valt").val($(this).attr("tip")); state=false; }); options.click(function(){ selects.click(function(){return false;}); }); }) </script> </head> <body> 需要加載js文件，請(qǐng)刷新頁(yè)面看效果。<br /> 您的選擇是：<input type="text" class="valt" value=""> <div id="rvrdlrn" class="select" id="select"><span>請(qǐng)選擇分類</span> <div id="87q2aii" class="option" id="option"> <ul> <li tip="龍誠(chéng)互聯(lián)">龍誠(chéng)互聯(lián)一號(hào)</li> <li tip="龍誠(chéng)互聯(lián)二號(hào)">龍誠(chéng)互聯(lián)二號(hào)</li> <li tip="龍誠(chéng)互聯(lián)三號(hào)">龍誠(chéng)互聯(lián)三號(hào)</li> <li tip="龍誠(chéng)互聯(lián)四號(hào)">龍誠(chéng)互聯(lián)四號(hào)</li> <li tip="龍誠(chéng)互聯(lián)五號(hào)">龍誠(chéng)互聯(lián)五號(hào)</li> <li tip="龍誠(chéng)互聯(lián)六號(hào)">龍誠(chéng)互聯(lián)六號(hào)</li> <li tip="龍誠(chéng)互聯(lián)七號(hào)">龍誠(chéng)互聯(lián)七號(hào)</li> <li tip="龍誠(chéng)互聯(lián)八號(hào)">龍誠(chéng)互聯(lián)八號(hào)</li> <li tip="龍誠(chéng)互聯(lián)九號(hào)">龍誠(chéng)互聯(lián)九號(hào)</li> <li tip="龍誠(chéng)互聯(lián)十號(hào)">龍誠(chéng)互聯(lián)十號(hào)</li> <li tip="龍誠(chéng)互聯(lián)十一號(hào)">龍誠(chéng)互聯(lián)十一號(hào)</li> <li tip="龍誠(chéng)互聯(lián)十二號(hào)">龍誠(chéng)互聯(lián)十二號(hào)</li> <li tip="龍誠(chéng)互聯(lián)十三號(hào)">龍誠(chéng)互聯(lián)十三號(hào)</li> </ul> </div> </div> </body> </html>