五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > QQ郵箱界面解析

QQ郵箱界面解析

文章來源:365jz.com     點擊數(shù):924    更新時間:2009-09-21 11:05   參與評論

<!-- /* Font Definitions */ @font-face {font-family:宋體; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-alt:SimSun; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 135135232 16 0 262145 0;} @font-face {font-family:"\@宋體"; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 135135232 16 0 262145 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; text-align:justify; text-justify:inter-ideograph; mso-pagination:none; font-size:10.5pt; mso-bidi-font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:宋體; mso-font-kerning:1.0pt;} /* Page Definitions */ @page {mso-page-border-surround-header:no; mso-page-border-surround-footer:no;} @page Section1 {size:595.3pt 841.9pt; margin:72.0pt 90.0pt 72.0pt 90.0pt; mso-header-margin:42.55pt; mso-footer-margin:49.6pt; mso-paper-source:0; layout-grid:15.6pt;} div.Section1 {page:Section1;} -->


最近對 QQ 郵箱的主界面做了一個解析,也就客戶端頁面的布局做了一番探討。

分解之后的代碼如下:

< body class = "frame_class" onbeforeunload = 'return beforeFrameHtmlUnload();' >

< table style = "border-bottom:none!important;*border-bottom:2px solid #fff;" cellspacing = "0" cellpadding = "0" width = "100%" height = "100%" >

   < tr >

      < td height = "66" class = "getuserdata" id = "topDataTd" >

           < div class = "topdata" >

        </ div >

      </ td >

   </ tr >

   < tr >

      < td class = "topline_height"  id = "sepLineTd" >

        < div class = "topline" >

           < div class = "toplineimg left" id = "imgLine" ></ div >

         </ div >

      </ td >

   </ tr >

   < tr >

      < td class = "newskin_left" >

        < div id = "leftPanel" class = "leftcontent" >

        </ div >

        < div id = "mainFrameContainer" class = "maincontent" >

           < iframe src = "/cgi-bin/today?sid=YlcYwdUJYzGDQVEb" name = "mainFrame" id = "mainFrame" frameborder = "no" scrolling = "auto"  onload = "MarkTime('t8','today onload');" style = "width:100%;height:100%;" hidefocus /></ iframe >

        </ div >

      </ td >

   </ tr >

</ table >

< img id = "imgSpeedStat" style = "display:none;width:0;height:0;" >

 

</ body >

</ html >

解析:在 body 之中是一個 table ,分為三行,第一行是標(biāo)題行,第二行是分隔線,第三行是包含兩個 div ,左右結(jié)構(gòu),左邊的是導(dǎo)航,右邊的是郵件主體結(jié)構(gòu)。

結(jié)構(gòu)圖如下:


 

大綱圖如下:


郵件的主體內(nèi)容采用 iframe 的框架。

 

 

如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答??! 點擊進入論壇

發(fā)表評論 (924人查看0條評論)
請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動的言論。
昵稱:
最新評論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號