-
預(yù)覽表格透明,可自定義透明度
2012-05-24透明的表格 -
預(yù)覽表格內(nèi)容排序sortTable
2012-05-24非常不錯(cuò)的表格排序 -
預(yù)覽JS計(jì)算里面有多少個(gè)
2012-05-08JS計(jì)算里面有多少個(gè) -
預(yù)覽控制表格內(nèi)的滾動(dòng)條
2012-05-08控制表格內(nèi)的滾動(dòng)條 -
預(yù)覽寬度為一象素的表格
2012-05-08寬度為一象素的表格 -
預(yù)覽文章列表CSS選項(xiàng)卡切換效果
2010-06-03很不錯(cuò)的文章列表,類(lèi)似選項(xiàng)卡一樣的功能,這一個(gè)有點(diǎn)特別,就是把鼠標(biāo)點(diǎn)擊的菜單放到了右邊,有一個(gè)小箭頭指示當(dāng)前怎位置,使文章結(jié)構(gòu)更加清淅,確實(shí)很不錯(cuò)。 -
預(yù)覽百度有啊的CSS圓角特效
2010-06-03來(lái)自百度有啊的一款CSS圓角特效,其實(shí)是用到了圖像平鋪背景的原理,用CSS去控制圖像的定位,形成類(lèi)似圓角的效果,這種實(shí)現(xiàn)方法的好處是,CSS代碼簡(jiǎn)潔,容易修改和理解,你可以點(diǎn)擊運(yùn)行查看效果,將圖像文件保存。 -
預(yù)覽百度百科的CSS圓角效果
2010-06-03來(lái)自百度百科里的CSS圓角效果,代碼稍復(fù)雜了點(diǎn),全部是用CSS實(shí)現(xiàn)的,其實(shí)是用CSS分別定義方框的四個(gè)角的圖片,達(dá)到了圓角效果,有興趣的朋友仔細(xì)琢磨一下。 -
預(yù)覽CSS滑動(dòng)門(mén)及選項(xiàng)卡,布局在同一頁(yè)面
2010-06-03CSS滑動(dòng)門(mén),布局在同一頁(yè)面中,同時(shí)對(duì)原版的代碼時(shí)行優(yōu)化,現(xiàn)在感覺(jué)簡(jiǎn)潔多了,示例向我們展示了如何在同一個(gè)頁(yè)面中布局選項(xiàng)卡,這很實(shí)用,記得有朋友以前問(wèn)到過(guò)。 -
預(yù)覽CSS制作斜角上有背景圖片的Div層
2010-06-03CSS控制一個(gè)Div的斜角處出現(xiàn)一個(gè)不規(guī)則的圖片,DIV是不是漂亮多了?實(shí)現(xiàn)方法也不是太復(fù)雜,這里有個(gè)問(wèn)題先說(shuō)一下,本代碼段用的是一張JPG格式的圖片,有可能會(huì)遮擋文字,你在用的時(shí)候,最好處理一個(gè)JPG為PNG透明格式,這樣顯示在圖片處的文字不會(huì)被遮擋,完美了! -
預(yù)覽純CSS實(shí)現(xiàn)的圓角邊框
2010-06-03純CSS實(shí)現(xiàn)的圓角邊框,效果不錯(cuò),不過(guò)代碼略顯多,可以變通研究一下,把代碼優(yōu)化些,的確不錯(cuò),沒(méi)有使用任何修飾圖片,老外網(wǎng)站挖來(lái)的。 -
預(yù)覽Li 標(biāo)簽列表隔行換色效果
2010-06-03表格的隔行換色效果有很多實(shí)現(xiàn)方法,可以用動(dòng)態(tài)語(yǔ)言取余來(lái)實(shí)現(xiàn),也可以由JS控制,那么純CSS代碼的LI列表怎么實(shí)現(xiàn)呢?實(shí)現(xiàn)上和表格差不多,用一個(gè)JS就可輕松實(shí)現(xiàn),上邊的文本框中就是一個(gè)實(shí)例,顏色、行距你都可以根據(jù)自己的喜好調(diào)整。 -
預(yù)覽完美的寬度自適應(yīng)的表格
2010-06-03結(jié)合了LI無(wú)序列表,又結(jié)合了背景圖片,完成了一個(gè)完美的寬度自適應(yīng)的表格,還是隔行換色的,不論你的瀏覽器窗口有多寬,表格寬度和單元 格寬度都會(huì)隨著改變,爽吧,不過(guò)有一點(diǎn)就是,用圖片定義了它的高度,因此在調(diào)整高度時(shí)有點(diǎn)不方便,需要修改圖片才行。 -
預(yù)覽純CSS代碼實(shí)現(xiàn)的半透明浮動(dòng)層效果
2010-06-03用純CSS代碼實(shí)現(xiàn)一個(gè)浮動(dòng)層的半透明效果,至少透明度的深淺這個(gè)由你控制。這一行“filter:alpha(opacity=60);”即是控制層的透明度的,你可以適應(yīng)改變這個(gè)值,至到你滿(mǎn)意為止。br> -
預(yù)覽DIV+CSS一行三列布局的網(wǎng)頁(yè)
2010-06-03一個(gè)比較常用的用DIV+CSS布局的網(wǎng)頁(yè),包括頭部、中間、一行三列布局、導(dǎo)航條、頁(yè)面底部等,如果你正在用CSS布局一個(gè)網(wǎng)頁(yè),那么這段代碼正好你能用得上,這種布局方式現(xiàn)在比較常用。 -
預(yù)覽CSS層透明效果,兼容性很好
2010-06-03又一個(gè)CSS層透明效果,每次遇到這種代碼實(shí)現(xiàn)的方法都不一樣,當(dāng)然是最簡(jiǎn)便最好了,這段代碼就很簡(jiǎn)潔,而且兼容性好,實(shí)現(xiàn)的效果也不錯(cuò),比較理想了,至于透明度,這個(gè)可以自己改一下。 -
預(yù)覽CSS圖片+文字的圖文混排效果
2010-06-03一個(gè)常用的CSS圖片+文字的布局,圖文混排,非常不錯(cuò),這只是一個(gè)區(qū)域的布局,你可以直接復(fù)制若干個(gè),一般用在首頁(yè)或二級(jí)欄目著首頁(yè)作為板塊導(dǎo)航,代碼經(jīng)測(cè)試兼容性非常好,而且高度是自適應(yīng)的。 -
預(yù)覽可拖動(dòng)的CSs撲克牌
2010-06-03能拖動(dòng)的CSs撲克牌,很佩服作者的水平呀,CSSer可以學(xué)習(xí)一下拖動(dòng)技術(shù)以及分層技術(shù)了,這個(gè)可是個(gè)好資料哦。 -
預(yù)覽超強(qiáng)CSS透明效果
2010-06-03很不錯(cuò)的CSS透明效果,本實(shí)例是用CSS控制外層DIV不透明,而內(nèi)層DIV透明,這樣實(shí)現(xiàn)的效果是意想不到的,還不錯(cuò)吧,其實(shí)代碼也是很簡(jiǎn)單的,也很好理解,主要是用了CSS的濾鏡。 -
預(yù)覽圖片_文字列表的滑動(dòng)門(mén)特效
2010-06-03圖片+文字列表的滑動(dòng)門(mén),可以自動(dòng)播放,絕對(duì)實(shí)用的特效,適用于大多數(shù)網(wǎng)站,它是文字列表與圖片列表組合的滑動(dòng)門(mén),當(dāng)您鼠標(biāo)沒(méi)有放上去的時(shí)候,它會(huì)自動(dòng)循環(huán)播放,當(dāng)鼠標(biāo)放上的時(shí)候,它會(huì)切換為對(duì)應(yīng)的內(nèi)容。
- 相關(guān)鏈接:
- 欄目說(shuō)明:
層和布局:提供了大量與層和布局相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找層和布局的最佳選擇。