盗墓笔记同人小说,欢乐颂第一季,小说网

- 龍誠動態
  
  行業新聞
  
  我們的觀點
  
  公司公告
  
  建站技術
  
  網站SEO優化
  
  網站制作流程
  
  產品報價
  - 聯系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯系手機：15224122065
  - 聯系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
  <!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>漂亮實用的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文件，請刷新頁面看效果。<br /> 您的選擇是：<input type="text" class="valt" value=""> <div id="0kkqlfz" class="select" id="select"><span>請選擇分類</span> <div id="0kkqlfz" class="option" id="option"> <ul> <li tip="龍誠互聯">龍誠互聯一號</li> <li tip="龍誠互聯二號">龍誠互聯二號</li> <li tip="龍誠互聯三號">龍誠互聯三號</li> <li tip="龍誠互聯四號">龍誠互聯四號</li> <li tip="龍誠互聯五號">龍誠互聯五號</li> <li tip="龍誠互聯六號">龍誠互聯六號</li> <li tip="龍誠互聯七號">龍誠互聯七號</li> <li tip="龍誠互聯八號">龍誠互聯八號</li> <li tip="龍誠互聯九號">龍誠互聯九號</li> <li tip="龍誠互聯十號">龍誠互聯十號</li> <li tip="龍誠互聯十一號">龍誠互聯十一號</li> <li tip="龍誠互聯十二號">龍誠互聯十二號</li> <li tip="龍誠互聯十三號">龍誠互聯十三號</li> </ul> </div> </div> </body> </html>

欧美成人69-欧美成人aaaa免费高清-欧美成人aaa大片-欧美成人xxxx-大杳蕉伊人狼人久久一本线-大又大粗又爽又黄少妇毛片