污污污污污污www网站免费,日韩极品精品视频免费观看,国产精品视频一

- 龍誠動態(tài)
  
  行業(yè)新聞
  
  我們的觀點
  
  公司公告
  
  建站技術(shù)
  
  網(wǎng)站SEO優(yōu)化
  
  網(wǎng)站制作流程
  
  產(chǎn)品報價
  - 聯(lián)系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯(lián)系手機：15224122065
  - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁-新聞中心-建站技術(shù)
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">  <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>無標(biāo)題文檔</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <STYLE type=text/css>BODY { FONT-SIZE: 12px; PADDING-TOP: 50px; height:100%; } html{height:100%;} H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } .bton { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: #ddd; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } .cont { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #main { MARGIN: 0px auto; WIDTH: 400px } #selectItem { BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; MARGIN-TOP: 10px; Z-INDEX: 2; BACKGROUND: #fff; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 400px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 0px } #preview { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 1px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } #result { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN-TOP: 10px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } .tit { PADDING-LEFT: 10px; MARGIN: 1px; LINE-HEIGHT: 20px; HEIGHT: 20px } .bgc_ccc { BACKGROUND: #ccc } .bgc_eee { BACKGROUND: #eee } .c_999 { COLOR: #999 } .pointer { CURSOR: pointer } .left { FLOAT: left } .right { FLOAT: right } .cls { CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden; HEIGHT: 0px } #bg { DISPLAY: none; Z-INDEX: 1; BACKGROUND: #ccc; FILTER: alpha(opacity=70); LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; opacity: 0.7 } .hidden { DISPLAY: none } .move { CURSOR: move } </STYLE> <META content="MSHTML 6.00.2900.3314" name=GENERATOR></HEAD> <BODY> <div class="v9msygm" id=main><INPUT class="bton pointer" onclick=openBg(1);openSelect(1) type=button value=請選擇 name=button> <div class="kmi5rz7" id=result> <div id="dfdsyfl" class="tit bgc_eee"> <H2>您已選擇的城市匯總</H2></DIV> <div id="uvvgmsz" class=cont id=makeSureItem></DIV></DIV></DIV> <div class="loq22wr" id=bg></DIV> <div id="ikhuio6" class=hidden id=selectItem> <div id="9c4xi7s" class="tit bgc_ccc move" onmousedown=drag(event,this)> <H2 class=left>請選擇城市</H2><span id="cecsepb" class="pointer right" onclick=openBg(0);openSelect(0);>[取消]</SPAN> <span id="puqznvd" class="pointer right" onclick=makeSure();>[確定]</SPAN> </DIV> <div id="4vt442e" class=cls></DIV> <div id="uyu9szh" class=cont> <div class="j7o41m2" id=selectSub><SELECT style="MARGIN-BOTTOM: 10px" onchange=showSelect(this.value) name=""> <OPTION value=0 selected>第0層</OPTION> <OPTION value=1>第1層</OPTION> <OPTION value=2>第2層</OPTION> <OPTION value=3>第3層</OPTION></SELECT> <div class="bf74kqy" id=c00><INPUT onclick=addPreItem() type=checkbox value=北京 name=ck00>北京 <INPUT onclick=addPreItem() type=checkbox value=福建 name=ck00>福建 <INPUT onclick=addPreItem() type=checkbox value=四川 name=ck00>四川 <INPUT onclick=addPreItem() type=checkbox value=江蘇 name=ck00>江蘇 </DIV> <div class="qxueqyi" id=c01><INPUT onclick=addPreItem() type=checkbox value=上海 name=ck01>上海 <INPUT onclick=addPreItem() type=checkbox value=云南 name=ck01>云南 <INPUT onclick=addPreItem() type=checkbox value=貴州 name=ck01>貴州 </DIV> <div class="9m0hwej" id=c02><INPUT onclick=addPreItem() type=checkbox value=黑龍江 name=ck01>黑龍江 <INPUT onclick=addPreItem() type=checkbox value=吉林 name=ck01>吉林 <INPUT onclick=addPreItem() type=checkbox value=遼寧 name=ck01>遼寧 </DIV> <div class="94gm9lb" id=c03><INPUT onclick=addPreItem() type=checkbox value=美國 name=ck01>美國 <INPUT onclick=addPreItem() type=checkbox value=阿富汗 name=ck01>阿富汗 <INPUT onclick=addPreItem() type=checkbox value=日本 name=ck01>日本 </DIV></DIV></DIV> <div class="iijq7je" id=preview> <div id="wy9rhn7" class="tit bgc_eee c_999"> <H2>您已選擇的城市</H2></DIV> <div id="67ku6p9" class=cont id=previewItem></DIV></DIV></DIV> <SCRIPT type=text/javascript> /* ------使用說明----- */ /* 添加城市方法：添加組：找到id 是 "selectSub"中select標(biāo)簽下，添加option標(biāo)簽 value屬性遞增，找到 id 是 "selectSub",按照原有格式添加div,其id屬性遞增添加二級傅選礦選項復(fù)制 id 是 "selectSub" 下任意input標(biāo)簽，粘貼在需要添加的位置。 */ var grow = $("selectSub").getElementsByTagName("option").length; //組數(shù) var showGrow = 0;//已打開組 var selectCount = 0; //已選數(shù)量 showSelect(showGrow); var items = $("selectSub").getElementsByTagName("input"); //alert(maxItem); //var lenMax = 2; //alert(1); function $(o){ //獲取對象 if(typeof(o) == "string") return document.getElementById(o); return o; } function openBg(state){ //遮照打開關(guān)閉控制 if(state == 1) { $("bg").style.display = "block"; var h = document.body.offsetHeight > document.documentElement.offsetHeight ? document.body.offsetHeight : document.documentElement.offsetHeight; //alert(document.body.offsetHeight); //alert(document.documentElement.offsetHeight); $("bg").style.height = h + "px"; } else { $("bg").style.display = "none"; } } function openSelect(state){ //選擇城市層關(guān)閉打開控制 if(state == 1) { $("selectItem").style.display = "block"; $("selectItem").style.left = ($("bg").offsetWidth - $("selectItem").offsetWidth)/2 + "px"; $("selectItem").style.top = document.body.scrollTop + 100 + "px"; } else { $("selectItem").style.display = "none"; } } function showSelect(id){ for(var i = 0 ; i < grow ;i++) { $("c0" + i).style.display = "none"; } $("c0" + id).style.display = "block"; showGrow = id; } function open(id,state){ //顯示隱藏控制 if(state == 1) $(id).style.display = "block"; $(id).style.diaplay = "none"; } function addPreItem(){ $("previewItem").innerHTML = ""; var len　= 0 ; for(var i = 0 ; i < items.length ; i++) { if(items[i].checked == true) { //len++; //if(len > lenMax) //{ // alert("不能超過" + lenMax +"個選項！") // return false; //} var mes = "<input type='checkbox' checked='true' value='"+ items[i].value +"' onclick='copyItem(\"previewItem\",\"previewItem\");same(this);'>" + items[i].value; $("previewItem").innerHTML += mes; //alert(items[i].value); } } } function makeSure(){ //alert(1); //$("makeSureItem").innerHTML = $("previewItem").innerHTML; openBg(0); openSelect(0); copyItem("previewItem","makeSureItem") } function copyHTML(id1,id2){ $(id2).innerHTML = $("id1").innerHTML; } function copyItem(id1,id2){ var mes = ""; var items2 = $(id1).getElementsByTagName("input"); for(var i = 0 ; i < items2.length ; i++) { if(items2[i].checked == true) { mes += "<input type='checkbox' checked='true' value='"+ items2[i].value +"' onclick='copyItem(\"" + id2+ "\",\""+ id1 +"\");same(this);'>" + items2[i].value; } } $(id2).innerHTML = ""; $(id2).innerHTML += mes; //alert($(id2).innerHTML); } function same(ck){ for(var i = 0 ; i < items.length ; i++) { if(ck.value == items[i].value) { items[i].checked = ck.checked; } } } /* 鼠標(biāo)拖動 */ var oDrag = ""; var ox,oy,nx,ny,dy,dx; function drag(e,o){ var e = e ? e : event; var mouseD = document.all ? 1 : 0; if(e.button == mouseD) { oDrag = o.parentNode; //alert(oDrag.id); ox = e.clientX; oy = e.clientY; } } function dragPro(e){ if(oDrag != "") { var e = e ? e : event; //$(oDrag).style.left = $(oDrag).offsetLeft + "px"; //$(oDrag).style.top = $(oDrag).offsetTop + "px"; dx = parseInt($(oDrag).style.left); dy = parseInt($(oDrag).style.top); //dx = $(oDrag).offsetLeft; //dy = $(oDrag).offsetTop; nx = e.clientX; ny = e.clientY; $(oDrag).style.left = (dx + ( nx - ox )) + "px"; $(oDrag).style.top = (dy + ( ny - oy )) + "px"; ox = nx; oy = ny; } } document.onmouseup = function(){oDrag = "";} document.onmousemove = function(event){dragPro(event);} </SCRIPT> <center> <br><br><br><br><br><br><br> <br><br><br><br><br><br><br> <br><br><br> </center> </BODY></HTML>