欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

dl+ol應用分析

 更新時間：2007年03月12日 00:00:00   作者：  
題目：dl+ol的練習
作者：嗷嗷

上次 li 把 dl 模擬了~dl不知道要干什么了~找了ol一起來做復合列表~

這個練習除了css外~外加用了點JS 
先看下難看的演示  因為最近太懶~沒做漂亮的樣式  

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

CSS的重點 
復制代碼 代碼如下:

dt.ing a 
{ 
        background:#efefef;/*移上去的背景*/ 
} 
dd 
{ 
        position: absolute;/*把DD流出來*/ 
        display: none;/*把DD默認隱藏起來*/         
        width:280px; 
        background-color: #fff; 
} 
dd.ing 
{ 
        display: block;/*移上去的顯示*/ 
} 
dd.no 
{ 
        display:none; 
} 
dd#d1 
{ 
        margin-top:-32px; 
        margin-left:120px;/*把dd移到合適的地方 #d2#d3#d4也一樣*/ 
}  
 
JS部分  
復制代碼 代碼如下:

<script type="text/javascript"> 
var ddiShow=2;//定義一個變量來記錄選中的 因為dl dd都要~為了省個變量所以..用數(shù)字 
function show(iShow) 
{   
        document.getElementById(['d'+ddiShow]).className="no"; 
        document.getElementById(['t'+ddiShow]).className="no";//改掉原來的樣式~隱藏起來 
        var iShow; 
        ddiShow=iShow;//把選中的的值給ddiShow 留下次用 
        document.getElementById(['d'+iShow]).className="ing"; 
        document.getElementById(['t'+iShow]).className="ing";//改樣式顯示出來~~ 
    return false; 
} 
</script>  
 
改個事件試一下

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

相關文章

最新評論