首頁新隨筆新文章聯(lián)系

2025年5月

日

一

二

三

四

五

六

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

blog是收集資料并且作為技術(shù)交流的平臺(tái)，發(fā)布一些本人常用資料或開發(fā)經(jīng)驗(yàn)，希望能和大家一起討論、進(jìn)步。

訪問統(tǒng)計(jì)

留言簿(6)

我參與的團(tuán)隊(duì)

牛虻(0/0)

隨筆檔案(8)

文章分類(149)

新聞分類(1)

鐵血軍事(1)

相冊(cè)

收藏夾(21)

友情鏈接

lpj的博客
三生石的博客
中文愛百科
莊陸的博客
狼的博客

我的鏈接

搜索

積分與排名

積分 - 150548
排名 - 413

閱讀排行榜

評(píng)論排行榜

通用的透明效果

<html>
<head>
<TITLE>通用透明</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
*{
margin:0 auto;
}
body {
font-size:12px;
font-family:"宋體";
background:#DFEAF4;
text-align:center;
}
a {color:000000; text-decoration:none;}
a:hover {color:993333;}
#top10 {
border:1px solid #336699;
width:300px;
height:202px;
background:#fff;
text-align:left;
opacity:.6; filter:alpha(opacity=60);
}
#top10 ul {
padding:5px;
}
#top10 ul li {
height:15px;
list-style:none;
padding-left:35px;
line-height:18px;
border-bottom:1px solid #fff;
}
.li_01 { background:#AFCAE4 url(jsfile/imagesa35/01.gif) no-repeat; }
.li_02 { background:#BFD5EA url(jsfile/imagesa35/02.gif) no-repeat; }
.li_03 { background:#CFDFEF url(jsfile/imagesa35/03.gif) no-repeat; }
.li_04 { background:#DFEAF4 url(jsfile/imagesa35/04.gif) no-repeat; }
.li_05 { background:#EFF4FA url(jsfile/imagesa35/05.gif) no-repeat; }
.li_06 { background:#EFF4FA url(jsfile/imagesa35/06.gif) no-repeat; }
.li_07 { background:#EFF4FA url(jsfile/imagesa35/07.gif) no-repeat; }
.li_08 { background:#EFF4FA url(jsfile/imagesa35/08.gif) no-repeat; }
.li_09 { background:#EFF4FA url(jsfile/imagesa35/09.gif) no-repeat; }
.li_10 { background:#EFF4FA url(jsfile/imagesa35/10.gif) no-repeat; }
</style>
</HEAD>
<BODY>
<div id="top10">
<ul>
<li class="li_01"><a href="#">WordPress 運(yùn)行代碼插件</a></li>
<li class="li_02"><a href="#">谷歌奧運(yùn)倒計(jì)時(shí)366天推出新Logo</a></li>
<li class="li_03"><a href="#">SearchStatus:同時(shí)顯示Alexa排名和PR值</a></li>
<li class="li_04"><a href="#">關(guān)注 CSS Zen Garden 禪意花園</a></li>
<li class="li_05"><a href="#">Google AdSense 推介改版并推出眾多新產(chǎn)品</a></li>
<li class="li_06"><a href="#">標(biāo)準(zhǔn)與習(xí)慣：在解決ul居中問題時(shí)想到的</a></li>
<li class="li_07"><a href="#">玩轉(zhuǎn) WordPress 附贈(zèng)插件 Hello Dolly</a></li>
<li class="li_08"><a href="#">Hello Dolly 勵(lì)志修改版插件提供下載</a></li>
<li class="li_09"><a href="#">說說最近讀的書：無懈可擊的Web設(shè)計(jì)</a></li>
<li class="li_10"><a href="#">網(wǎng)絡(luò)寫手的利器：體驗(yàn) Google 文件</a></li>
</ul>
</div>
</BODY>
</HTML>

[提示：你可先修改部分代碼，再按運(yùn)行]

---------------------------------------------------------------------------------------------------------------------------------
說人之短，乃護(hù)己之短。夸己之長，乃忌人之長。皆由存心不厚，識(shí)量太狹耳。能去此弊，可以進(jìn)德，可以遠(yuǎn)怨。
http://www.aygfsteel.com/szhswl
------------------------------------------------------------------------------------------------------ ----------------- ---------

posted on 2007-12-09 11:08 宋針還閱讀(510) 評(píng)論(0) 編輯收藏所屬分類: JAVASCRIPT

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: JS屏蔽功能類 javascript table delete row javascript insert table row JQuery技巧總結(jié)(轉(zhuǎn)載) JS實(shí)現(xiàn)table里單元格排序模擬QQ菜單效果 js觸發(fā)彈出層 javascript框架編程仿MSN效果 FOCUS效果輸入框