中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

表現(xiàn)層

怎么給上面的嵌套列表定義 CSS 呢？如果萬惡的 IE6 支持子對象選擇符 “>”，問題很簡單。但為了兼容 IE6 和保證 xhtml 部分的簡介，在后面另我抓狂的測試中，最終放棄了嵌套列表的方案（事實(shí)上，page 類都是由 js 動(dòng)態(tài)設(shè)置的）。
讓 ThrowPage 應(yīng)用到你的網(wǎng)頁中，其實(shí)全靠為頁面定義不同的 CSS 實(shí)現(xiàn)的，但有幾點(diǎn)一定要注意。

<div id="menu"> 應(yīng)該設(shè)置 (overflow:hidden)，否則動(dòng)畫過程中可能出現(xiàn)滾動(dòng)條，影響效果;
每個(gè) <div class="page"> 必須是絕對定位 (position:absolute;)
如果希望出現(xiàn) <span class="tip">，要為其預(yù)留空間，并且 <ul> 是應(yīng)該有固定高度的
不要用 IE6 的 AlphaImageLoader 濾鏡為 <div class="tip"> 添加 PNG 背景，那會(huì)讓上面的鏈接在 IE6 中失效

暫時(shí)就想到這么多，其實(shí)還有一些值得注意的，將在下一節(jié)作說明
上面圖中的 CSS 是這樣定義的：

html,body{
    width:100%;
    height:100%;
    border:0px;
    margin:0px;
    overflow:hidden;
}
#menu{
    width:1000px;
    height:500px;
    overflow:hidden;
    background:lightblue;
}
.page{
    position:absolute;
    width:300px;
    height:400px;
    left:350px;
    top:50px;
    background:#FFF;
    border:1px solid #999;
}
ul{
    list-style:none;
    height:320px;
    margin:20px;
    padding:0px;
    background:#EEE;
}
li{
   
    font-size:12px;
    height:20px;
    line-height:20px;
    border-bottom:1px dashed #999;
}
li span{
    float:right;
}
li a{
    color:#000;
    text-decoration:none;
}
li a:hover{
    text-decoration:underline;
}
.tip{
    display:block;
    height:20px;
    margin:0px 20px;
    line-height:20px;
    text-align:center;
    font-size:12px;
    background:#999;
}

出處：藍(lán)色理想
責(zé)任編輯：bluehearts

上一頁 拖拽翻頁(ThrowPage)詳解 [1] 下一頁 拖拽翻頁(ThrowPage)詳解 [3]

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。