国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

dl+ol應(yīng)用分析

2020-10-23 18:42:50
字體:
供稿:網(wǎng)友
題目:dl+ol的練習(xí)
作者:嗷嗷

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

這個(gè)練習(xí)除了css外~外加用了點(diǎn)JS 
先看下難看的演示  因?yàn)樽罱珣衺沒做漂亮的樣式  

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

CSS的重點(diǎn) 
復(fù)制代碼 代碼如下:

dt.ing a 

        background:#efefef;/*移上去的背景*/ 

dd 

        position: absolute;/*把DD流出來*/ 
        display: none;/*把DD默認(rèn)隱藏起來*/         
        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部分  
復(fù)制代碼 代碼如下:

<script type="text/javascript"> 
var ddiShow=2;//定義一個(gè)變量來記錄選中的 因?yàn)閐l dd都要~為了省個(gè)變量所以..用數(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>  
 
改個(gè)事件試一下

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 康马县| 西藏| 紫金县| 蓝山县| 福海县| 江油市| 黑水县| 如皋市| 保德县| 永丰县| 陆川县| 霍山县| 平和县| 马公市| 阿鲁科尔沁旗| 巢湖市| 稷山县| 同德县| 蒙自县| 漠河县| 南华县| 桐城市| 南昌县| 嵩明县| 丰顺县| 丁青县| 舒兰市| 高碑店市| 太康县| 永德县| 辽源市| 扎囊县| 会宁县| 竹溪县| 肥东县| 徐州市| 呈贡县| 蕉岭县| 和林格尔县| 兰坪| 乌兰察布市|