第一步：
turnpage2.html
純css
**實現翻頁
"#a"
>1
"#b"
>2
"#c"
>3
第二步：
turnpage.css*
body
/***********dl dt dd **************/
dl dd
dt img a
a:hover
分析 :
1、 dl dt
/*--
同時運用
position: absolute;--*/
2、 dd
/*--
overflow: hidden;
是實現只顯示一張圖的關鍵--*/
3、 a
filter: alpha(opacity=40); /*-
主要為了實現半透明效果*/
練習:1、 完成後,請將核心部分抄在筆記本上
2、 根據教師所發的素材，選其中之一，自行創作乙個作品。由教師安排學生上交並品評。
效果圖:
CSS CSS基礎之十三
如下 主要部分 第一步 turnpage.html 純css 實現翻頁 a 國際 b 體育 c 娛樂 第二步 turnpage.css body dl dt dd dl dd dt dt a dt a hover ul li b c dd a 效果演示如下 分析 1 dl dt dd dl 是帶標題...
CSS CSS基礎之十八
效果圖如下 如下 主要部分 第一步 taobaoslideseffect.htm 網幻燈片效果 mainpromotionbanner slideplayer 第二步 slideplayer.css 第一部分 body 第二部分 div mainpromotionbanner mainpromoti...
python程式設計基礎之十四
列表的增加元素 l1 10,20,30 l1.extend 50,60 末尾追加一系列元素，extend 可迭代物件 l1.insert len l1 70 在制定下標位置插入乙個元素，在指定的下標之前插入 列表的刪除元素 m l1.pop 刪除乙個元素，沒有輸入引數，預設表示刪除最後乙個 並且返回...