亚洲精品无码永久在线观看你懂的 ,激情97综合亚洲色婷婷五,欧洲亚洲综合一区二区三区 http://www.tkk7.com/huyi2006/category/17700.html 做一個有思想的人,期待與每一位熱愛思考的人交流,您的關(guān)注是對我最大的支持。zh-cnMon, 10 Jan 2011 17:23:48 GMTMon, 10 Jan 2011 17:23:48 GMT60各種分割線Html代碼http://www.tkk7.com/huyi2006/articles/342701.htmlallicallicMon, 10 Jan 2011 09:50:00 GMThttp://www.tkk7.com/huyi2006/articles/342701.htmlhttp://www.tkk7.com/huyi2006/comments/342701.htmlhttp://www.tkk7.com/huyi2006/articles/342701.html#Feedback0http://www.tkk7.com/huyi2006/comments/commentRss/342701.htmlhttp://www.tkk7.com/huyi2006/services/trackbacks/342701.html 2、
align 線條位置(可選left、right、center);width 線條長度;color 顏色;size 厚度 二、特效(效果并不是孤立的,可相互組合) 1、兩頭漸變透明:
2、紡錘形:
3、右邊漸變透明:
4、左邊漸變透明:
5、虛線:
6、雙線:
7、立體效果:
8、鋼針效果:
9.垂直分割線

allic 2011-01-10 17:50 發(fā)表評論
]]>js 驗證http://www.tkk7.com/huyi2006/articles/267366.htmlallicallicFri, 24 Apr 2009 07:16:00 GMThttp://www.tkk7.com/huyi2006/articles/267366.htmlhttp://www.tkk7.com/huyi2006/comments/267366.htmlhttp://www.tkk7.com/huyi2006/articles/267366.html#Feedback0http://www.tkk7.com/huyi2006/comments/commentRss/267366.htmlhttp://www.tkk7.com/huyi2006/services/trackbacks/267366.htmlfunction checkdata() {powered by 25175.net
??? if (document.wizard.password.value=='') {
window.alert ("請輸入您的密碼 !")
mobj = eval("document.wizard.password");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (document.wizard.password.value.length<4) {
window.alert ("您的密碼數(shù)必須大于4位 !")
mobj = eval("document.wizard.password");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (!Verifypwd(document.wizard.password.value)) {

??? alert("密碼只能使用字母、數(shù)字以及 - 和 _ ,并且不能使用中文");
??? mobj = eval("document.wizard.password");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (document.wizard.repassword.value=='') {
window.alert ("請輸入您的重復(fù)密碼 !")
mobj = eval("document.wizard.repassword");
??????? mobj.focus()
return false
}
??? if (document.wizard.password.value!=document.wizard.repassword.value) {
?????? mobj = eval("document.wizard.repassword");
?????? mobj.focus()
?? window.alert ("您的密碼不一致 !")
?? return false
}
if (document.wizard.name.value=='') {
window.alert ("請輸入您的用戶名 !")
mobj = eval("document.wizard.name");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (!Verifyname(document.wizard.name.value)) {
??? alert("姓名只能使用中文,并且不能使用字母、空格、數(shù)字以及 - 和 _ ");
??? mobj = eval("document.wizard.name");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (document.wizard.name.value.length<2) {
window.alert ("您的姓名至少為2個漢字 !")
mobj = eval("document.wizard.name");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (document.wizard.name.value.length>4) {
window.alert ("您的姓名最多為4個漢字 !")
mobj = eval("document.wizard.name");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (document.wizard.phone.value==''&&document.wizard.fphone.value==''
&&document.wizard.telephone.value==''&document.wizard.call.value=='') {
window.alert ("家庭電話/手機(jī)/公司電話/BB機(jī)必須填寫其中一項 !")
mobj = eval("document.wizard.fphone");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (document.wizard.telephone.value.length>0&&document.wizard.telephone.value.
length<11) {
window.alert ("手機(jī)號應(yīng)為11位!")
mobj = eval("document.wizard.telephone");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (document.wizard.class1.value=='') {
window.alert ("請輸入您的戶口所地 !")
mobj = eval("document.wizard.class1");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (document.wizard.cla1.value=='') {
window.alert ("請輸入您當(dāng)前所地 !")
mobj = eval("document.wizard.cla1");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (document.wizard.address.value=='') {
window.alert ("請輸入您的通信地址 !")
mobj = eval("document.wizard.address");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (document.wizard.iden.value=='') {
window.alert ("請輸入您的證件號碼 !")
mobj = eval("document.wizard.iden");
??????? mobj.focus()
??????? mobj.select()
return false
}
//}
if (!isnumber(document.wizard.height.value)) {
??? alert("身高只能使用數(shù)字");
??? mobj = eval("document.wizard.height");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (!isnumber(document.wizard.postcode.value)) {
??? alert("郵政編碼只能用數(shù)字");
??? mobj = eval("document.wizard.postcode");
??????? mobj.focus()
??????? mobj.select()
return false
}
if (document.wizard.height.value>250||document.wizard.height.value<80) {
??? alert("身高不準(zhǔn)確");
??? mobj = eval("document.wizard.height");
??????? mobj.focus()
??????? mobj.select()
return false
}
}
</SCRIPT>

allic 2009-04-24 15:16 發(fā)表評論
]]>
apache 配置gzip壓縮http://www.tkk7.com/huyi2006/articles/237649.htmlallicallicThu, 30 Oct 2008 09:33:00 GMThttp://www.tkk7.com/huyi2006/articles/237649.htmlhttp://www.tkk7.com/huyi2006/comments/237649.htmlhttp://www.tkk7.com/huyi2006/articles/237649.html#Feedback0http://www.tkk7.com/huyi2006/comments/commentRss/237649.htmlhttp://www.tkk7.com/huyi2006/services/trackbacks/237649.html
到http://www.remotecommunications.com/apache/mod_gzip 下載mod_gzip.c 還有它的補(bǔ)丁。

2、 安裝, 配置

  把mod_gzip放到你的apache的源代碼目錄下,新建一個mod_gzip目錄如果需要補(bǔ)丁(針對1.3.17.la版) 還需運行:
patch mod_gizp.c
  按你需要,在配置中選擇動態(tài)DSO或靜態(tài)編譯進(jìn)apache系統(tǒng)。如何處理在README中講得很清楚,如-add-module=mod_gzip.c, make,make install等等。這里不多講。

把下列配置加入httpd.conf尾部。

# MOD_GZIP configuration
mod_gzip_on Yes
mod_gzip_minimum_file_size 1002
mod_gzip_maximum_file_size 0
mod_gzip_maximum_inmem_size 60000
mod_gzip_item_include mime "application/x-httpd-php"
mod_gzip_item_include mime text/*
mod_gzip_item_include mime "httpd/unix-directory"
mod_gzip_dechunk Yes
mod_gzip_temp_dir "/tmp"
mod_gzip_keep_workfiles No
mod_gzip_item_include file ".php3$"
mod_gzip_item_include file ".txt$"
mod_gzip_item_include file ".html$"
mod_gzip_item_exclude file ".css$"
mod_gzip_item_exclude file ".js$"


在保存修改后運行
…/bin/apachectl configtest確保配置修改無誤。
然后用 apachectl restart 指令重起服務(wù)。

3、 修改,測試

  在宣布做好了之前在測試一下是優(yōu)秀程序員的習(xí)慣。為了盡量不影響你的用戶的瀏覽,我們可以用把新的apache驅(qū)動在8080端口上或者用指令控制mod_gzip起作用的目錄,而不是一下子全用mod_gzip.
用法如下:


MOD_GZIP configuration


  你再用IE4或netscape認(rèn)真的全面測試一遍,沒有問題后你就可以讓你的用戶很開心的發(fā)現(xiàn)'XX網(wǎng)站現(xiàn)在好快哦。'

  Mod_gzip真的很神奇,100K的HTML大文檔只要12K就可以傳到用戶端了。越先采用這個技術(shù)你的用戶對你的網(wǎng)站的高速度印象就越深。不過有所得必有所失,由于解壓是在客戶端進(jìn)行的,效果和用戶的瀏覽器有一定關(guān)系。筆者測試了MSIE4,5,5.5,netscape 4.5 , 6都運行得很好. 不過java,jpg,gif等等是沒法壓縮的。

allic 2008-10-30 17:33 發(fā)表評論
]]>
網(wǎng)頁常用js特效,轉(zhuǎn)自csdnhttp://www.tkk7.com/huyi2006/articles/235497.htmlallicallicMon, 20 Oct 2008 08:35:00 GMThttp://www.tkk7.com/huyi2006/articles/235497.htmlhttp://www.tkk7.com/huyi2006/comments/235497.htmlhttp://www.tkk7.com/huyi2006/articles/235497.html#Feedback0http://www.tkk7.com/huyi2006/comments/commentRss/235497.htmlhttp://www.tkk7.com/huyi2006/services/trackbacks/235497.html網(wǎng)頁常用Javascript

1 .讓文字不停地滾動

  <MARQUEE>滾動文字<
/ MARQUEE>

2 .記錄并顯示網(wǎng)頁的最后修改時間

  <script language
= Javascript>
  document.write(
" 最后更新時間: " + document.lastModified + "" )
  <
/ script>

3 .關(guān)閉當(dāng)前窗口

  <a href
= " / " onClick = " javascript:window.close();return false; " >關(guān)閉窗口< / a>

4 .5秒后關(guān)閉當(dāng)前頁

  <script language
= " Javascript "
  <
!--
  setTimeout(
' window.close(); ' , 5000 );
  
--
  <
/ script>

5 .2秒后載入指定網(wǎng)頁

  <head>
  <meta http
- equiv = " refresh " content = " 2;URL=http://你的網(wǎng)址 "
  <
/ head>

6 .添加到收藏夾

  <script Language
= " Javascript "
  
function bookmarkit()
  {
  window.external.addFavorite(
' http://你的網(wǎng)址 ' , ' 你的網(wǎng)站名稱 ' )
  }
  
if (document.all)document.write( ' <a href="#" onClick="bookmarkit()">加入收藏夾</a> ' )
  <
/ script>

7 .讓超鏈接不顯示下劃線

  <style type
= " text/css "
  <
!-
  a:link{text
- decoration:none}
  a:hover{text
- decoration:none}
  a:visited{text
- decoration:none}
  
-
  <
/ style>

8 .禁止鼠標(biāo)右鍵的動作

  <script Language
= " Javascript "
  
function click() { if (event.button == 2 || event.button == 3 )
  {
  alert(
' 禁止鼠標(biāo)右鍵 ' );
  }
  document.onmousedown
= click // -->
  < / script>

9 .設(shè)置該頁為首頁

  <body bgcolor
= " #FFFFFF " text = " #000000 "
  <
!-- 網(wǎng)址:http: // 你的網(wǎng)址-->
  <a class = " chlnk " style = " cursor:hand " HREF
  onClick
= " this.style.behavior='url(#default#homepage)';
  this.setHomePage('你的網(wǎng)站名稱);
" ><font color = " 000000 " size = " 2 " face = " 宋體 " >設(shè)為首頁< / font>< / a>
  <
/ body>

10 .節(jié)日倒計時

  <script Language
= " Javascript "
  
var timedate = new Date( " December 25,2003 " );
  
var times = " 圣誕節(jié) " ;
  
var now = new Date();
  
var date = timedate.getTime() - now.getTime();
  
var time = Math.floor(date / ( 1000 * 60 * 60 * 24 ));
  
if (time > = 0 )
  document.write(
" 現(xiàn)在離 " + times + " 還有: " + time + " " )< / script>

11 .單擊按鈕打印出當(dāng)前頁

  <script Language
= " Javascript "
  <
!-- Begin
  
if (window.print) {
  document.write(
' <form> '
  
+ ' <input type=button name=print value="打印本頁" '
  
+ ' onClick="javascript:window.print()"></form> ' );
  }
  
// End -->
  < / script>

12 .單擊按鈕‘另存為’當(dāng)前頁

  <input type
= " button " name = " Button " value = " 保存本頁 "
  onClick
= " document.all.button.ExecWB(4,1) "
  <o(jì)bject id
= " button "
  width
= 0
  height
= 0
  classid
= " CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 "
  <embed width
= " 0 " height = " 0 " >< / embed>
  < / object>

13 .顯示系統(tǒng)當(dāng)前日期

  <script language
= Javascript>
  today
= new Date();
  
function date(){
  
this .length = date.arguments.length
  
for ( var i = 0 ;i< this .length;i ++ )
  
this [i + 1 ] = date.arguments }
  
var d = new date( " 星期日 " , " 星期一 " , " 星期二 " , " 星期三 " , " 星期四 " , " 星期五 " , " 星期六 " );
  document.write(
  
" <font color=##000000 style='font-size:9pt;font-family: 宋體'> " ,
  today.getYear(),
" " ,today.getMonth() + 1 , " " ,today.getDate(), " " ,
  d[today.getDay()
+ 1 ], " </font> " );
  <
/ script>

14 .不同時間段顯示不同問候語

  <script Language
= " Javascript "
  <
!--
  
var text = "" ; day = new Date( ); time = day.getHours( );
  
if (( time> = 0 ) && (time < 7 ))
    text
= " 夜貓子,要注意身體哦! "
  
if (( time > = 7 ) && (time < 12 ))
    text
= " 今天天氣……哈哈哈,不去玩嗎? "
  
if (( time > = 12 ) && (time < 14 ))
    text
= " 午休時間哦,朋友一定是不習(xí)慣午睡的吧?! "
  
if (( time > = 14 ) && (time < 18 ))
    text
= " 下午茶的時間到了,休息一下吧! "
  
if ((time > = 18 ) && (time < = 22 ))
    text
= " 您又來了,可別和MM聊太久哦! "
  
if ((time > = 22 ) && (time < 24 ))
    text
= " 很晚了哦,注意休息呀! "
  document.write(text)
  
// --->
  < / script>

15 .水中倒影效果

  <img id
= " reflect " src = " 你自己的圖片文件名 " width = " 175 " height = " 59 "
  <script language
= " Javascript "
  
function f1()
  {
    setInterval(
" mdiv.filters.wave.phase+=10 " , 100 );
  }
  
if (document.all)
  {
    document.write(
' <img id=mdiv src=" ' + document.all.reflect.src + ' "
    style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">
' )
    window.onload
= f1
  }
  <
/ script>

16 .慢慢變大的窗口

  <script Language
= " Javascript "
  <
!--
  
var Windowsheight = 100
  
var Windowswidth = 100
  
var numx = 5
  
function openwindow(thelocation){
  temploc
= thelocation
  
if
  (
! (window.resizeTo && document.all) &&! (window.resizeTo && document.getElementById))
  {
    window.open(thelocation)
    
return
  }
  windowsize
= window.open( "" , "" , " scrollbars " )
  windowsize.moveTo(
0 , 0 )
  windowsize.resizeTo(
100 , 100 )
  tenumxt()
  }
  
function tenumxt(){
  
if (Windowsheight> = screen.availHeight - 3 )
    numx
= 0
  windowsize.resizeBy(
5 ,numx)
  Windowsheight
+= 5
  Windowswidth
+= 5
  
if (Windowswidth> = screen.width - 5 )
  {
    windowsize.location
= temploc
    Windowsheight
= 100
    Windowswidth
= 100
    numx
= 5
    
return
  }
  setTimeout(
" tenumxt() " , 50 )
  }
  
// -->
  < / script>
  <p><a href = " javascript:openwindow(http://www.3ydesign.com) " >進(jìn)入< / a>

17 .改變IE地址欄的IE圖標(biāo)

  我們要先做一個16
* 16的icon(圖標(biāo)文件),保存為index.ico。把這個圖標(biāo)文件上傳到根目錄下并在首頁<head>< / head>之間加上如下代碼:

  <link REL
= " Shortcut Icon " href = " index.ico " >?


allic 2008-10-20 16:35 發(fā)表評論
]]>
徹底弄懂CSS盒子模式(DIV布局快速入門)http://www.tkk7.com/huyi2006/articles/206419.htmlallicallicFri, 06 Jun 2008 14:27:00 GMThttp://www.tkk7.com/huyi2006/articles/206419.htmlhttp://www.tkk7.com/huyi2006/comments/206419.htmlhttp://www.tkk7.com/huyi2006/articles/206419.html#Feedback1http://www.tkk7.com/huyi2006/comments/commentRss/206419.htmlhttp://www.tkk7.com/huyi2006/services/trackbacks/206419.html 理解CSS盒子模型

  什么是CSS的盒子模式呢?為什么叫它是盒子?先說說我們在網(wǎng)頁設(shè)計中常聽的屬性名:內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin), CSS盒子模式都具備這些屬性。

CSS盒子模式

CSS盒子模式 這些屬性我們可以把它轉(zhuǎn)移到我們?nèi)粘I钪械暮凶樱ㄏ渥樱┥蟻砝斫猓粘I钪兴姷暮凶右簿哂羞@些屬性,所以叫它盒子模式。那么內(nèi)容就是盒子里裝的東西;而填充就是怕盒子里裝的東西(貴重的)損壞而添加的泡沫或者其它抗震的輔料;邊框就是盒子本身了;至于邊界則說明盒子擺放的時候的不能全部堆在一起,要留一定空隙保持通風(fēng),同時也為了方便取出嘛。在網(wǎng)頁設(shè)計上,內(nèi)容常指文字、圖片等元素,但是也可以是小盒子(DIV嵌套),與現(xiàn)實生活中盒子不同的是,現(xiàn)實生活中的東西一般不能大于盒子,否則盒子會被撐壞的,而CSS盒子具有彈性,里面的東西大過盒子本身最多把它撐大,但它不會損壞的。填充只有寬度屬性,可以理解為生活中盒子里的抗震輔料厚度,而邊框有大小和顏色之分,我們又可以理解為生活中所見盒子的厚度以及這個盒子是用什么顏色材料做成的,邊界就是該盒子與其它東西要保留多大距離。在現(xiàn)實生活中,假設(shè)我們在一個廣場上,把不同大小和顏色的盒子,以一定的間隙和順序擺放好,最后從廣場上空往下看,看到的圖形和結(jié)構(gòu)就類似我們要做的網(wǎng)頁版面設(shè)計了,如下圖。

由“盒子”堆出來的網(wǎng)頁版面

  現(xiàn)在對CSS盒子模式理解多少了,如果還不夠透徹,繼續(xù)往下看,我會在后面舉例,并延用盒子的概念來解釋它。

 轉(zhuǎn)變我們的思路

  傳統(tǒng)的前臺網(wǎng)頁設(shè)計是這樣進(jìn)行的:根據(jù)要求,先考慮好主色調(diào),要用什么類型的圖片,用什么字體、顏色等等,然后再用Photoshop這類軟件自由的畫出來,最后再切成小圖,再不自由的通過設(shè)計HTML生成頁面,改用CSS排版后,我們要轉(zhuǎn)變這個思想,此時我們主要考慮的是頁面內(nèi)容的語義和結(jié)構(gòu),因為一個強(qiáng)CSS控制的網(wǎng)頁,等做好網(wǎng)頁后,你還可以輕松的調(diào)你想要的網(wǎng)頁風(fēng)格,況且CSS排版的另外一個目的是讓代碼易讀,區(qū)塊分明,強(qiáng)化代碼重用,所以結(jié)構(gòu)很重要。如果你想說我的網(wǎng)頁設(shè)計的很復(fù)雜,到后來能不能實現(xiàn)那樣的效果?我要告訴你的是,如果用CSS實現(xiàn)不了的效果,一般用表格也是很難實現(xiàn)的,因為CSS的控制能力實在是太強(qiáng)大了,順便說一點的是用CSS排版有一個很實用的好處是,如果你是接單做網(wǎng)站的,如果你用了CSS排版網(wǎng)頁,做到后來客戶有什么不滿意,特別是色調(diào)的話,那么改起來就相當(dāng)容易,甚至你還可以定制幾種風(fēng)格的CSS文件供客戶選擇,又或者寫一個程序實現(xiàn)動態(tài)調(diào)用,讓網(wǎng)站具有動態(tài)改變風(fēng)格的功能。

 實現(xiàn)結(jié)構(gòu)與表現(xiàn)分離

  在真正開始布局實踐之前,再來認(rèn)識一件事——結(jié)構(gòu)和表現(xiàn)相分離,這也用CSS布局的特色所在,結(jié)構(gòu)與表現(xiàn)分離后,代碼才簡潔,更新才方便,這不正是我們學(xué)習(xí)CSS的目的所在嗎?舉個例來說P是結(jié)構(gòu)化標(biāo)簽,有P標(biāo)簽的地方表示這是一個段落區(qū)塊,margin是表現(xiàn)屬性,我要讓一個段落右縮進(jìn)2字高,有些人會想到加空格,然后不斷地加空格,但現(xiàn)在可以給P標(biāo)簽指定一個CSS樣式:P {text-indent: 2em;},這樣結(jié)果body內(nèi)容部分就如下,這沒有外加任何表現(xiàn)控制的標(biāo)簽:

加進(jìn)天涯社區(qū)有一段時間了,但一直沒有時間寫點東西,今天寫了一篇有關(guān)CSS布局的文章,并力求通過一種通俗的語言來說明知識點,還配以實例和圖片,相信對初學(xué)CSS布局的人會帶來一定的幫助。
如果還要對這個段落加上字體、字號、背景、行距等修飾,直接把對應(yīng)的CSS加進(jìn)P樣式里就行了,不用像這樣來寫了:

  <p><font color="#FF0000" face="宋體">段落內(nèi)容</font></p>

  這個是結(jié)構(gòu)和表現(xiàn)混合一起寫的,如果很多段落有統(tǒng)一結(jié)構(gòu)和表現(xiàn)的話,再這樣累加寫下去代碼就繁冗了。

  再直接列一段代碼加深理解結(jié)構(gòu)和表現(xiàn)相分離:
  用CSS排版

以下是引用片段:
<style?type="text/css">
<!--
#photoList?img{
  height:80;
  width:100;
  margin:5px?auto;
}
-->
</style>?<div?id="photoList">
<img?src="01.jpg"?/>
<img?src="02.jpg"?/>
<img?src="03.jpg"?/>
<img?src="04.jpg"?/>
<img?src="05.jpg"?/>
</div>

  不用CSS排版

以下是引用片段:
<img?src="01.jpg"?width="100"?height="80"?align="middle"?/>
<img?src="02.jpg"?width="100"?height="80"?align="middle"?/>
<img?src="03.jpg"?width="100"?height="80"?align="middle"?/>
<img?src="04.jpg"?width="100"?height="80"?align="middle"?/>
<img?src="05。jpg"?width="100"?height="80"?align="middle"?/>

  第一種方法是結(jié)構(gòu)表現(xiàn)相分離,內(nèi)容部分代碼簡單吧,如果還有更多的圖片列表的話,那么第一種CSS布局方法就更有優(yōu)勢,我打個比喻你好理解:我在BODY向你介紹一個人,我只對你說他是一個人,至于他是一個什么樣的人,有多高,是男是女,你去CSS那里查下就知道。這樣我在BODY的工作就簡單了,也就是說BODY的代碼就簡單了。如果BODY有一個團(tuán)隊人在那里,我在CSS記錄一項就行了,這有點像Flash軟件里的元件和實例的概念,不同的實例共享同一個元件,這樣動畫文件就不大了,把這種想法移到CSS網(wǎng)頁設(shè)計中,就是代碼不復(fù)雜,網(wǎng)頁文件體積小能較快被客戶端下載了。演示地址:http://www.hsptc.com/css1.html用CSS排版減小網(wǎng)頁文件體積

用CSS排版減小網(wǎng)頁文件體積

  像上面我做的那個版面,一共分為四個區(qū)塊,每個區(qū)塊的框架是一樣的,這個框架就是用CSS寫出來的,樣式寫一次,就可以被無數(shù)次調(diào)用了(用class調(diào)用,而不是ID),只要改變其中的文字內(nèi)容就可以生成風(fēng)格統(tǒng)一的眾多板塊了,它的樣式和結(jié)構(gòu)代碼是(請不要直接復(fù)制生成網(wǎng)頁,把下面代碼分別粘貼到網(wǎng)頁中它們應(yīng)在的位置):

以下是引用片段:
<style?type="text/css">
<!--
*?{margin:0px;?padding:0px;}?
body?{
font-size:?12px;?
margin:?0px?auto;
height:?auto;
width:?805px;
}
.mainBox?{
border:?1px?dashed?#0099CC;
margin:?3px;
padding:?0px;
float:?left;
height:?300px;
width:?192px;
}
.mainBox?h5?{
float:?left;
height:?20px;
width:?179px;
color:?#FFFFFF;
padding:?6px?3px?3px?10px;
background-color:?#0099CC;
font-size:?16px;
}
.mainBox?p?{
line-height:?1.5em;
text-indent:?2em;
margin:?35px?5px?5px?5px;
}
-->
</style>
<div?class="mainBox">
<h5>前言</h5>
<p>正文內(nèi)容</p>
</div>
<div?class="mainBox">
<h5>CSS盒子模式</h5>
<p>正文內(nèi)容?</p>
</div>
<div?class="mainBox">
<h5>轉(zhuǎn)變思想</h5>
<p>正文內(nèi)容?</p>
</div>
<div?class="mainBox">
<h5>熟悉步驟</h5>
<p>正文內(nèi)容?</p>
</div>
 熟悉工作流程

  在真正開始工作之前我們腦海中要形成這樣一種思想:表格是什么我不知道,在內(nèi)容部分我不能讓它再出現(xiàn)表現(xiàn)控制標(biāo)簽,如:font、color、height、width、align等標(biāo)簽不能再出現(xiàn),(簡單說工作前先洗腦,忘掉以前的一慣做法,去接受和使用全新的方法),我不是單純的用DIV來實現(xiàn)排版的嵌套,DIV是塊級元素,而像P也是塊級元素,例如要分出幾個文字內(nèi)容塊,不是一定要用DIV才叫DIV排版,不是“<div>文字塊一</div><div>文字塊二</div><div>文字塊三</div>”,而用“<p>文字塊一</p><p>文字塊二</p><p>文字塊三</p>”更合適。

用DIV+CSS設(shè)計思路是這樣的: 1.用div來定義語義結(jié)構(gòu);2.然后用CSS來美化網(wǎng)頁,如加入背景、線條邊框、對齊屬性等;3.最后在這個CSS定義的盒子內(nèi)加上內(nèi)容,如文字、圖片等(沒有表現(xiàn)屬性的標(biāo)簽),下面大家跟我一起來做一個實例加深對這個步驟的理解。先看結(jié)果圖:

CSS排版結(jié)果圖

  
  演示地址:http://www.hsptc.com/css2.htmlCSS排版結(jié)果圖

  1. 用div來定義語義結(jié)構(gòu)

典型版面分欄結(jié)構(gòu)

  現(xiàn)在我要給大家演示的是一個典型的版面分欄結(jié)構(gòu),即頁頭、導(dǎo)航欄、內(nèi)容、版權(quán)(如下圖),典型版面分欄結(jié)構(gòu)其結(jié)構(gòu)代碼如下:

以下是引用片段:
<div?id="header"></div>
<div?id="nav"></div>
<div?id="content"></div>
<div?id="footer"></div>

  上面我們定義了四個盒子,按照我們想要的結(jié)果是,我們要讓這些盒子等寬,并從下到下整齊排列,然后在整個頁面中居中對齊,為了方便控制,我們再把這四個盒子裝進(jìn)一個更大的盒子,這個盒子就是BODY,這樣代碼就變成:

以下是引用片段:
<body>
<div?id="header"></div>
<div?id="nav"></div>
<div?id="content"></div>
<div?id="footer"></div>
</body>

  最外邊的大盒子(裝著小盒子的大盒子)我們要讓它在頁面居中,并重定義其寬度為760像素,同時加上邊框,那么它的樣式是:

以下是引用片段:
body?{
font-family:?Arial,?Helvetica,?sans-serif;
font-size:?12px;
margin:?0px?auto;
height:?auto;
width:?760px;
border:?1px?solid?#006633;
}

  頁頭為了簡單起見,我們這里只要讓它整個區(qū)塊應(yīng)用一幅背景圖就行了,并在其下邊界設(shè)計定一定間隙,目的是讓頁頭的圖像不要和下面要做的導(dǎo)航欄連在一起,這樣也是為了美觀。其樣式代碼為:

以下是引用片段:
#header?{
height:?100px;
width:?760px;
background-image:?url(headPic.gif);
background-repeat:?no-repeat;
margin:0px?0px?3px?0px;
}

  導(dǎo)航欄我做成像一個個小按鈕,鼠標(biāo)移上去會改變按鈕背景色和字體色,那么這些小小的按鈕我們又可以理解為小盒子,如此一來這是一個盒子嵌套問題了,樣式代碼如下:

以下是引用片段:
#nav?{
height:?25px;
width:?760px;
font-size:?14px;
list-style-type:?none;
}
#nav?li?{
float:left;
}
#nav?li?a{
color:#000000;
text-decoration:none;
padding-top:4px;
display:block;
width:97px;
height:22px;
text-align:center;
background-color:?#009966;
margin-left:2px;
}
#nav?li?a:hover{
background-color:#006633;
color:#FFFFFF;
}

內(nèi)容部分主要放入文章內(nèi)容,有標(biāo)題和段落,標(biāo)題加粗,為了規(guī)范化,我用H標(biāo)簽,段落要自動實現(xiàn)首行縮進(jìn)2個字,同時所有內(nèi)容看起來要和外層大盒子邊框有一定距離,這里用填充。內(nèi)容區(qū)塊樣式代碼為:

以下是引用片段:
#content?{
height:auto;
width:?740px;
line-height:?1.5em;
padding:?10px;
}
#content?p?{
text-indent:?2em;
}
#content?h5?{
font-size:?16px;
margin:?10px;

  版權(quán)欄,給它加個背景,與頁頭相映,里面文字要自動居中對齊,有多行內(nèi)容時,行間距合適,這里的鏈接樣式也可以單獨指定,我這里就不做了。其樣式代碼如下:

以下是引用片段:
#footer?{
height:?50px;
width:?740px;
line-height:?2em;
text-align:?center;
background-color:?#009966;
padding:?10px;
}

  最后回到樣式開頭大家會看到這樣的樣式代碼:

以下是引用片段:
*?{
margin:?0px;
padding:?0px;
}

  這是用了通配符初始化各標(biāo)簽邊界和填充,(因為有部分標(biāo)簽?zāi)J(rèn)會有一定的邊界,如Form標(biāo)簽)那么接下來就不用對每個標(biāo)簽再加以這樣的控制,這可以在一定程度上簡化代碼。最終完成全部樣式代碼是這樣的:

以下是引用片段:
<style?type="text/css">
<!--
*?{
margin:?0px;
padding:?0px;
}
body?{
font-family:?Arial,?Helvetica,?sans-serif;
font-size:?12px;
margin:?0px?auto;
height:?auto;
width:?760px;
border:?1px?solid?#006633;
}
#header?{
height:?100px;
width:?760px;
background-image:?url(headPic.gif);
background-repeat:?no-repeat;
margin:0px?0px?3px?0px;
}
#nav?{
height:?25px;
width:?760px;
font-size:?14px;
list-style-type:?none;
}
#nav?li?{
float:left;
}
#nav?li?a{
color:#000000;
text-decoration:none;
padding-top:4px;
display:block;
width:97px;
height:22px;
text-align:center;
background-color:?#009966;
margin-left:2px;
}
#nav?li?a:hover{
background-color:#006633;
color:#FFFFFF;
}
#content?{
height:auto;
width:?740px;
line-height:?1.5em;
padding:?10px;
}
#content?p?{
text-indent:?2em;
}
#content?h5?{
font-size:?16px;
margin:?10px;
}
#footer?{
height:?50px;
width:?740px;
line-height:?2em;
text-align:?center;
background-color:?#009966;
padding:?10px;
}
-->
</style>

  結(jié)構(gòu)代碼是這樣的:

以下是引用片段:
<body>
<div?id="header"></div>
<ul?id="nav">
<li><a?href="#">首?頁</a></li>
<li><a?href="#">文?章</a></li>
<li><a?href="#">相冊</a></li>
<li><a?href="#">Blog</a></li>
<li><a?href="#">論?壇</a></li>
<li><a?href="#">幫助</a></li>
</ul>
<div?id="content">
<h5>前言</h5>
<p>第一段內(nèi)容</p>
<h5>理解CSS盒子模式</h5>
<p>第二段內(nèi)容</p>
</div>
<div?id="footer">
<p>關(guān)于華升?|?廣告服務(wù)?|?華升招聘?|?客服中心?|?Q?Q留言?|?網(wǎng)站管理?|?會員登錄?|?購物車</p><p>Copyright??2006?-?2008?Tang?Guohui.?All?Rights?Reserved</p>
</div>
</body>

  好了,此文到此結(jié)束,更多內(nèi)容,如:CSS中的盒子寬度計算,瀏覽器兼容問題,XHTML規(guī)范化寫法等請大家去參考其它資料。如果覺得此文還可以,看過之后記得跟帖,你的鼓勵是我不斷出新文章的動力^-^


?



allic 2008-06-06 22:27 發(fā)表評論
]]>
javascript遍歷獲取xml文檔資料http://www.tkk7.com/huyi2006/articles/133562.htmlallicallicTue, 31 Jul 2007 05:49:00 GMThttp://www.tkk7.com/huyi2006/articles/133562.htmlhttp://www.tkk7.com/huyi2006/comments/133562.htmlhttp://www.tkk7.com/huyi2006/articles/133562.html#Feedback0http://www.tkk7.com/huyi2006/comments/commentRss/133562.htmlhttp://www.tkk7.com/huyi2006/services/trackbacks/133562.html<script language="javascript">

function readXML()
{
var xmlDoc = checkXMLDocObj("MenuFrame.xml") ;
var xmlObj = xmlDoc.documentElement ;

// 求xml文檔根點下子節(jié)點總數(shù)
// alert(xmlDoc.documentElement.childNodes.length);

var str = "" ;

for(var i=0; i<xmlObj.childNodes.length; i++)
{
?? str = "";
?? str = xmlObj.childNodes[i].getAttribute("text") +"\n" ;

?? for(var j=0; j<xmlObj.childNodes[i].childNodes.length; j++)
?? {
??? str += "\t"+ xmlObj.childNodes[i].childNodes[j].getAttribute("text") +" \n" ;
???
??? for(var k=0; k<xmlObj.childNodes[i].childNodes[j].childNodes.length; k++)
??? {
???? if(k!=xmlObj.childNodes[i].childNodes[j].childNodes.length-1)
????? str += "\t\t|--"+ xmlObj.childNodes[i].childNodes[j].childNodes[k].text +" \n" ;
???? else
????? str += "\t\t|__"+ xmlObj.childNodes[i].childNodes[j].childNodes[k].text +" \n" ;
???
??? }
??? alert(str) ;
???
?? }??
}

}
</script>

allic 2007-07-31 13:49 發(fā)表評論
]]>
PHP生成XML注意的事項http://www.tkk7.com/huyi2006/articles/133404.htmlallicallicMon, 30 Jul 2007 10:44:00 GMThttp://www.tkk7.com/huyi2006/articles/133404.htmlhttp://www.tkk7.com/huyi2006/comments/133404.htmlhttp://www.tkk7.com/huyi2006/articles/133404.html#Feedback1http://www.tkk7.com/huyi2006/comments/commentRss/133404.htmlhttp://www.tkk7.com/huyi2006/services/trackbacks/133404.html1 <?php
????? 2 header('Expires: Mon, 26 Jul 1997 05:00:00 GMT' );
????? 3 header('Last-Modified: '.gmdate('D, d M Y H:i:s').'GMT' );
????? 4 header('Cache-Control: no-cache, must-revalidate' );
????? 5 header('Pragma: no-cache' );
????? 6 header('Content-Type: text/xml;charset=UTF-8');
????? 7 $block = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n";
????? 8 $block .="<gps>\n";
????? 9 $block .="<gpsMaker>Garmin</gpsMaker>\n";
???? 10 $block .="<gpsDevice>\n";
???? 11 $block .="Forerunner 301\n";
???? 12 $block .="</gpsDevice>\n";
???? 13 $block .="</gps>\n";
???? 14 echo $block;
???? 15 ?>
~?????????????

allic 2007-07-30 18:44 發(fā)表評論
]]>
js獲取瀏覽器尺寸信息http://www.tkk7.com/huyi2006/articles/129205.htmlallicallicTue, 10 Jul 2007 01:03:00 GMThttp://www.tkk7.com/huyi2006/articles/129205.htmlhttp://www.tkk7.com/huyi2006/comments/129205.htmlhttp://www.tkk7.com/huyi2006/articles/129205.html#Feedback0http://www.tkk7.com/huyi2006/comments/commentRss/129205.htmlhttp://www.tkk7.com/huyi2006/services/trackbacks/129205.html 網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.clientWidth?
網(wǎng)頁可見區(qū)域高:document.body.clientHeight?
網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.offsetWidth?(包括邊線的寬)?
網(wǎng)頁可見區(qū)域高:document.body.offsetHeight?(包括邊線的寬)?
網(wǎng)頁正文全文寬:document.body.scrollWidth?
網(wǎng)頁正文全文高:document.body.scrollHeight?
網(wǎng)頁被卷去的高:document.body.scrollTop?
網(wǎng)頁被卷去的左:document.body.scrollLeft?
網(wǎng)頁正文部分上:window.screenTop?
網(wǎng)頁正文部分左:window.screenLeft?
屏幕分辨率的高:window.screen.height?
屏幕分辨率的寬:window.screen.width?
屏幕可用工作區(qū)高度:window.screen.availHeight?
屏幕可用工作區(qū)寬度:window.screen.availWidth


allic 2007-07-10 09:03 發(fā)表評論
]]>
js 正則表達(dá)式的使用http://www.tkk7.com/huyi2006/articles/127392.htmlallicallicSun, 01 Jul 2007 13:48:00 GMThttp://www.tkk7.com/huyi2006/articles/127392.htmlhttp://www.tkk7.com/huyi2006/comments/127392.htmlhttp://www.tkk7.com/huyi2006/articles/127392.html#Feedback0http://www.tkk7.com/huyi2006/comments/commentRss/127392.htmlhttp://www.tkk7.com/huyi2006/services/trackbacks/127392.html

正則表達(dá)式對象
本對象包含正則表達(dá)式模式以及表明如何應(yīng)用模式的標(biāo)志。

代碼
  1. 語法? 1 ?re?=?/pattern/[flags] ??
  2. 語法? 2 ?re?=? new ?RegExp( "pattern" ,[ "flags" ])? ??

參數(shù)
re
必選項。將要賦值為正則表達(dá)式模式的變量名。

Pattern
必選項。要使用的正則表達(dá)式模式。如果使用語法 1,用 "/" 字符分隔模式。如果用語法 2,用引號將模式引起來。

Flags
可選項。如果使用語法 2 要用引號將 flag 引起來。標(biāo)志可以組合使用,可用的有:

代碼
  1. g?(全文查找出現(xiàn)的所有?pattern)? ??
  2. i?(忽略大小寫)? ??
  3. m?(多行查找)? ??

示例
下面的示例創(chuàng)建一個包含正則表達(dá)式模式及相關(guān)標(biāo)志的對象(re),向您演示正則表達(dá)式對象的用法。在本例中,作為結(jié)果的正則表達(dá)式對象又用于 match 方法中:

代碼
  1. function?MatchDemo() ??
  2. { ??
  3. var?r,?re;?//?聲明變量。 ??
  4. var?s?=?"The?rain?in?Spain?falls?mainly?in?the?plain"; ??
  5. re?=?new?RegExp("ain","g");?//?創(chuàng)建正則表達(dá)式對象。 ??
  6. r?=?s.match(re);?//?在字符串?s?中查找匹配。 ??
  7. return(r);? ??
  8. } ??

返回值: ain,ain,ain,ain\\

屬性 lastIndex 屬性 | source 屬性\\
方法 compile 方法 | exec 方法 | test 方法\\
要求 版本 3\\
請參閱 RegExp 對象 | 正則表達(dá)式語法 | String 對象\\

exec 方法
用正則表達(dá)式模式在字符串中運行查找,并返回包含該查找結(jié)果的一個數(shù)組。
rgExp.exec(str)

參數(shù)

rgExp
必選項。包含正則表達(dá)式模式和可用標(biāo)志的正則表達(dá)式對象。

str
必選項。要在其中執(zhí)行查找的 String 對象或字符串文字。

說明\\
如果 exec 方法沒有找到匹配,則它返回 null。如果它找到匹配,則 exec 方法返回一個數(shù)組,并且更新全局 RegExp 對象的屬性,以反映匹配結(jié)果。數(shù)組的0元素包含了完整的匹配,而第1到n元素中包含的是匹配中出現(xiàn)的任意一個子匹配。這相當(dāng)于沒有設(shè)置全局標(biāo)志 (g) 的 match 方法。
如果為正則表達(dá)式設(shè)置了全局標(biāo)志,exec 從以 lastIndex 的值指示的位置開始查找。如果沒有設(shè)置全局標(biāo)志,exec 忽略 lastIndex 的值,從字符串的起始位置開始搜索。

exec 方法返回的數(shù)組有三個屬性,分別是 input、index 和 lastIndex。Input 屬性包含了整個被查找的字符串。Index 屬性中包含了整個被查找字符串中被匹配的子字符串的位置。LastIndex 屬性中包含了匹配中最后一個字符的下一個位置。

示例\\
下面的例子舉例說明了 exec 方法的用法:

代碼
  1. function?RegExpTest() ??
  2. { ??
  3. var?ver?=?Number(ScriptEngineMajorVersion()?+?"."?+?ScriptEngineMinorVersion()) ??
  4. if?(ver?>=?5.5){?//?測試?JScript?的版本。 ??
  5. var?src?=?"The?rain?in?Spain?falls?mainly?in?the?plain."; ??
  6. var?re?=?/\w+/g;?//?創(chuàng)建正則表達(dá)式模式。 ??
  7. var?arr; ??
  8. while?((arr?=?re.exec(src))?!=?null) ??
  9. document.write(arr.index?+?"-"?+?arr.lastIndex?+?arr?+?"\t"); ??
  10. } ??
  11. else{ ??
  12. alert("請使用?JScript?的更新版本"); ??
  13. } ??
  14. } ??

返回值:0-3The 4-8rain 9-11in 12-17Spain 18-23falls 24-30mainly 31-33in 34-37the 38-43plain

test 方法\\
返回一個 Boolean 值,它指出在被查找的字符串中是否存在模式。
rgexp.test(str)

參數(shù)\\
rgexp
必選項。包含正則表達(dá)式模式或可用標(biāo)志的正則表達(dá)式對象。

str
必選項。要在其上測試查找的字符串。

說明
test 方法檢查在字符串中是否存在一個模式,如果存在則返回 true,否則就返回 false。
全局 RegExp 對象的屬性不由 test 方法來修改。

示例
下面的例子舉例說明了 test 方法的用法:

代碼
  1. function?TestDemo(re,?s) ??
  2. { ??
  3. var?s1;?//?聲明變量。 ??
  4. //?檢查字符串是否存在正則表達(dá)式。 ??
  5. if?(re.test(s))?//?測試是否存在。 ??
  6. s1?=?"?contains?";?//?s?包含模式。 ??
  7. else??
  8. s1?=?"?does?not?contain?";?//?s?不包含模式。 ??
  9. return("'"?+?s?+?"'"?+?s1?+?"'"+?re.source?+?"'");?//?返回字符串。 ??
  10. } ??

函數(shù)調(diào)用:document.write (TestDemo(/ain+/ ,"The rain in Spain falls mainly in the plain."));

返回值:'The rain in Spain falls mainly in the plain.' contains 'ain+'

match 方法
使用正則表達(dá)式模式對字符串執(zhí)行查找,并將包含查找的結(jié)果作為數(shù)組返回。\\
stringObj.match(rgExp)

參數(shù)\\
stringObj
必選項。對其進(jìn)行查找的 String 對象或字符串文字。

rgExp
必選項。為包含正則表達(dá)式模式和可用標(biāo)志的正則表達(dá)式對象。也可以是包含正則表達(dá)式模式和可用標(biāo)志的變量名或字符串文字。

說明\\
如果 match 方法沒有找到匹配,返回 null。如果找到匹配返回一個數(shù)組并且更新全局 RegExp 對象的屬性以反映匹配結(jié)果。
match 方法返回的數(shù)組有三個屬性:input、index 和 lastIndex。Input 屬性包含整個的被查找字符串。Index 屬性包含了在整個被查找字符串中匹配的子字符串的位置。LastIndex 屬性包含了最后一次匹配中最后一個字符的下一個位置。
如果沒有設(shè)置全局標(biāo)志 (g),數(shù)組的 0 元素包含整個匹配,而第 1 到 n 元素包含了匹配中曾出現(xiàn)過的任一個子匹配。這相當(dāng)于沒有設(shè)置全局標(biāo)志的 exec 方法。如果設(shè)置了全局標(biāo)志,元素 0 到 n 中包含所有匹配。

示例\\
下面的示例演示了match 方法的用法:

代碼
  1. function?MatchDemo() ??
  2. { ??
  3. var?r,?re;?//?聲明變量。 ??
  4. var?s?=?"The?rain?in?Spain?falls?mainly?in?the?plain"; ??
  5. re?=?/ain/i;?//?創(chuàng)建正則表達(dá)式模式。 ??
  6. r?=?s.match(re);?//?嘗試匹配搜索字符串。 ??
  7. return(r);?//?返回第一次出現(xiàn)?"ain"?的地方。 ??
  8. } ??

返回值:ain

本示例說明帶 g 標(biāo)志設(shè)置的 match 方法的用法。

代碼
  1. function?MatchDemo() ??
  2. { ??
  3. var?r,?re;?//?聲明變量。 ??
  4. var?s?=?"The?rain?in?Spain?falls?mainly?in?the?plain"; ??
  5. re?=?/ain/ig;?//?創(chuàng)建正則表達(dá)式模式。 ??
  6. r?=?s.match(re);?//?嘗試去匹配搜索字符串。 ??
  7. return(r);?//?返回的數(shù)組包含了所有?"ain"? ??
  8. //?出現(xiàn)的四個匹配。 ??
  9. } ??

返回值:ain,ain,ain,ain

上面幾行代碼演示了字符串文字的 match 方法的用法。

代碼
  1. var?r,?re?=?"Spain"; ??
  2. r?=?"The?rain?in?Spain".replace(re,?"Canada"); ??
  3. return?r; ??

返回值:The rain in Canada

search 方法
返回與正則表達(dá)式查找內(nèi)容匹配的第一個子字符串的位置。

stringObj.search(rgExp)

參數(shù)\\
stringObj
必選項。要在其上進(jìn)行查找的 String 對象或字符串文字。

rgExp
必選項。包含正則表達(dá)式模式和可用標(biāo)志的正則表達(dá)式對象。

說明

search 方法指明是否存在相應(yīng)的匹配。如果找到一個匹配,search 方法將返回一個整數(shù)值,指明這個匹配距離字符串開始的偏移位置。如果沒有找到匹配,則返回 -1。

示例\\
下面的示例演示了 search 方法的用法。

代碼
  1. function?SearchDemo() ??
  2. { ??
  3. var?r,?re;?//?聲明變量。 ??
  4. var?s?=?"The?rain?in?Spain?falls?mainly?in?the?plain."; ??
  5. re?=?/falls/i;?//?創(chuàng)建正則表達(dá)式模式。 ??
  6. r?=?s.search(re);?//?查找字符串。 ??
  7. return(r);?//?返回?Boolean?結(jié)果。 ??
  8. } ?


allic 2007-07-01 21:48 發(fā)表評論
]]>
主站蜘蛛池模板: 黄人成a动漫片免费网站| 亚洲性天天干天天摸| 国产禁女女网站免费看| 国内自产少妇自拍区免费| 九九精品免费视频| 青青青国产在线观看免费网站 | 久久亚洲AV成人无码国产| 亚洲春色在线视频| 亚洲国产成人久久精品动漫| 亚洲Aⅴ无码专区在线观看q| 久久精品国产亚洲精品2020| 亚洲精品影院久久久久久| 亚洲一区二区三区四区视频| 亚洲人成www在线播放| 亚洲精品国产第一综合99久久| 亚洲丁香婷婷综合久久| 美女视频免费看一区二区| 一个人晚上在线观看的免费视频 | 亚洲精品无码久久| 午夜在线亚洲男人午在线| 一级做a爱过程免费视频高清| 国产精品免费大片一区二区| 中文字幕视频在线免费观看| 久久久久久久99精品免费 | 亚洲免费视频一区二区三区| 久久www免费人成精品香蕉| 一个人免费视频在线观看www| 麻花传媒剧在线mv免费观看| 免费看韩国黄a片在线观看| 国产精品va无码免费麻豆| 亚洲中文字幕伊人久久无码| 亚洲a在线视频视频| 亚洲综合欧美色五月俺也去| 男人j进女人p免费视频| 亚洲国产精品免费视频| 成人A级毛片免费观看AV网站| 亚洲国产精品碰碰| 亚洲狠狠ady亚洲精品大秀| 亚洲精品无码永久在线观看男男 | 一级一级毛片免费播放| 久久爰www免费人成|