-
預(yù)覽jQuery 鼠標(biāo)經(jīng)過(guò)Div底色變換(滑動(dòng)變色)
2012-11-02其實(shí)這種效果可以不用jQuery,不過(guò)這樣會(huì)寫很多的JavaScript代碼,覺得jQuery還是很方便的,不足之外敬請(qǐng)指正 。br> 提示:第一次運(yùn)行請(qǐng)稍等一會(huì)或者重新刷新頁(yè)面,因調(diào)用了遠(yuǎn)程的jquery插件,需要加載完成才能運(yùn)行。 -
預(yù)覽CSS多層絕對(duì)嵌套定位的一個(gè)小演示
2012-11-01CSS多層絕對(duì)定位的一個(gè)小演示,多個(gè)層嵌套在一起,學(xué)習(xí)CSS布局的一個(gè)好例子。 -
預(yù)覽jQuery Div拖動(dòng)+鍵盤控制綜合效果
2012-11-01jQuery Div拖動(dòng)+鍵盤控制綜合效果,隨意拖動(dòng)大方塊,想拖動(dòng)哪就是哪,按回車鍵,方塊還能做自由落體運(yùn)動(dòng)。 -
預(yù)覽JavaScript仿關(guān)機(jī)界面
2012-11-01JavaScript仿關(guān)機(jī)界面,其實(shí)是一個(gè)隱藏層、顯示層的應(yīng)用,用了一個(gè)布滿小點(diǎn)的圖片當(dāng)作背景,你完全可以將圖片更換為某一背景顏色,這樣就完全是一個(gè)隱藏層的效果了。 -
預(yù)覽相對(duì)固定位置JS+CSS布局實(shí)例,彈出提示層
2012-11-01相對(duì)但又智能固定位置的布局實(shí)例,JS+CSS彈出提示層,如果提示層出現(xiàn)在屏幕邊緣,那么Js會(huì)智能判斷出位置,并更改顯示位置,提升人性操作,彈出的提示層內(nèi)可放入圖片、文字等內(nèi)容,如果要提示的層比較多,可按示例CSS中的代碼繼續(xù)增加就行了,注意數(shù)字要改變,不能重復(fù)。 -
預(yù)覽CSS實(shí)現(xiàn)網(wǎng)頁(yè)頂部拖動(dòng)無(wú)閃爍工具欄
2012-11-01在天涯社區(qū)發(fā)現(xiàn)的一個(gè)始終固頂工具欄,用CSs代碼布局,原先發(fā)現(xiàn)有少這樣的頂部工具條,但有很多在拖動(dòng)滾動(dòng)條的時(shí)候有閃爍現(xiàn)象,竟然發(fā)現(xiàn)天涯這個(gè)沒有閃爍 ,于是花點(diǎn)時(shí)間從天涯扒下來(lái),這就是完整的代碼,實(shí)際上細(xì)心的朋友會(huì)發(fā)現(xiàn),這個(gè)頂部的工具條實(shí)則是一個(gè)平鋪的背景圖像,CSS起到固定背景的作用,也算是一種獨(dú)特的實(shí)現(xiàn)方法。 -
預(yù)覽CSS 圖片列表,橫向
2012-11-01一個(gè)CSS布局實(shí)例,介紹的是一個(gè)橫向排列的圖片列表,這也是大家在從事網(wǎng)頁(yè)布局時(shí)候最常見的一種布局實(shí)例,有必要掌握,本代碼已經(jīng)過(guò)了優(yōu)化,個(gè)別細(xì)節(jié)你需根據(jù)你的網(wǎng)站主CSS風(fēng)格進(jìn)行調(diào)整,才能完美搭配。 -
預(yù)覽可拖動(dòng)拉伸的左右分欄效果
2012-10-30可拖動(dòng)拉伸的左右分欄效果,你使用Frame框架的樣子,但是本例子完全是用Table以及JS來(lái)實(shí)現(xiàn)的,左右分欄可改變,拖動(dòng)中間的邊框就可實(shí)現(xiàn)寬度的調(diào)整,點(diǎn)擊時(shí)可設(shè)置為隱藏左側(cè)列表。 -
預(yù)覽多個(gè)可拉伸移動(dòng)的網(wǎng)頁(yè)DIV層,基于JavaScript
2012-10-30可拉伸移動(dòng)的DIV層,使用的是一個(gè)自定義的JS類,看上去不像是JQUERY那類東西,基于JavaScript。不過(guò)這個(gè)拖動(dòng)層效果挺不錯(cuò),可以在一個(gè)網(wǎng)頁(yè)上放置三個(gè)這樣的層,每一個(gè)層都具備選中效果,也就是當(dāng)點(diǎn)擊某個(gè)DIV的時(shí)候,它的四周會(huì)出現(xiàn)小方框,這個(gè)效果還能用于其它地方。 -
預(yù)覽純CSS實(shí)現(xiàn)圓角、可拖動(dòng)的一個(gè)DIV模塊層
2012-10-30純CSS實(shí)現(xiàn)圓角、可拖動(dòng)的一個(gè)DIV模塊層 -
預(yù)覽兩個(gè)常用的DIV彈出層效果代碼
2012-10-30有時(shí)候我們想讓div遮擋整個(gè)頁(yè)面,頁(yè)面可能出現(xiàn)滾動(dòng)條,也可能不出現(xiàn),頁(yè)面有可能是html或者xhtml,這個(gè)方法可以通殺這些情況,而且根據(jù)你的要求,是蓋整個(gè)頁(yè)面,或者可視部分,在兼容性方面支持ie6-8、ff3.0-3.6、chrome、safari……瀏覽器等。 -
預(yù)覽變色的表格框
2012-10-30變色的表格框 -
預(yù)覽表格或?qū)油侣归_的效果
2012-10-30表格或?qū)油侣归_的效果 -
預(yù)覽JS仿Flash動(dòng)畫放大/縮小容器
2012-10-30JavaScript仿Flash動(dòng)畫放大/縮小Div容器,兼容IE和DOM,設(shè)置參數(shù):元素對(duì)象、樣式特性等,可重復(fù)使用,每個(gè)容器可以自定義大小,效果也是挺常用的。 -
預(yù)覽Javascript 滑動(dòng)的說(shuō)明文字提示效果
2012-10-30Javascript 滑動(dòng)的說(shuō)明文字提示效果,提示動(dòng)作由鼠標(biāo)激活,移動(dòng)鼠標(biāo)可看到圖片上的提示性文字 ,本效果已應(yīng)用廣泛。 -
預(yù)覽一個(gè)JS+CSS布局的人氣列表
2012-10-30一個(gè)JS+CSS布局的人氣列表,目前在交友一類的網(wǎng)站中,這類排版樣式比較多,結(jié)構(gòu)醒目,外觀大方,而且具有動(dòng)感效果,實(shí)屬不錯(cuò),我本人很喜歡。 -
預(yù)覽超酷的CSS列表排行榜
2012-08-27CSS制作 列表,這是比較基礎(chǔ)的技巧了,不過(guò)有很多朋友還是用不好,那么看一下本款列表,適合作新聞、下載排行,可以區(qū)分顏色,采用一行兩列布局,這是最標(biāo)準(zhǔn)的一種CSS布局方式了。 -
預(yù)覽顏色交替的表格
2012-06-08顏色交替的表格 -
預(yù)覽行變成列,列變成行
2012-06-08行變成列,列變成行 -
預(yù)覽CSS垂直自適應(yīng)
2012-06-08CSS垂直自適應(yīng),也就是豎向自適應(yīng),當(dāng)元素的內(nèi)容超出元素定義的高度時(shí)候的顯示效果。
- 相關(guān)鏈接:
- 欄目說(shuō)明:
層和布局:提供了大量與層和布局相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找層和布局的最佳選擇。