-
預(yù)覽JS滑動(dòng)展開層
2012-12-03用JavaScript滑動(dòng)展開一個(gè)層,可展開頂部和左側(cè),僅供學(xué)習(xí)參考,代碼有點(diǎn)復(fù)雜,JS+CSS的綜合運(yùn)用,需要費(fèi)點(diǎn)勁才能看懂哦! -
預(yù)覽點(diǎn)擊鏈接后彈出提示層,圖文結(jié)合
2012-12-03點(diǎn)擊鏈接后彈出一個(gè)圖文結(jié)合的提示層,層的邊框經(jīng)過了美化,看上去非常漂亮,而且代碼調(diào)用方便,容易使用,很不錯(cuò)。和鼠標(biāo)懸停效果有點(diǎn)相似,只是這一個(gè)需要點(diǎn)擊后才生效。 -
預(yù)覽學(xué)習(xí)DIV+JS網(wǎng)頁(yè)拖動(dòng)層的好實(shí)例
2012-12-03學(xué)習(xí)DIV+JS網(wǎng)頁(yè)拖動(dòng)層的好實(shí)例,因?yàn)楸径未a演示了如何編寫一個(gè)自動(dòng)還原與不還原的拖動(dòng)層,也就是有的拖動(dòng)層鼠標(biāo)移動(dòng)后可以回到原始的位置,而有的則是隨著鼠標(biāo)移到哪就是哪兒,這兩種拖動(dòng)方法本段代碼都向你很好的展示了,因些,對(duì)學(xué)習(xí)非常有幫助。 -
預(yù)覽CSS邊框陰影的實(shí)現(xiàn)
2012-12-03一款用CSS控制背景圖像平鋪,從而實(shí)現(xiàn)區(qū)域邊框陰影的效果,雖然用到了圖片,但可貴之處是本代碼不管你需要陰影的區(qū)域是多大,它都能自動(dòng)適應(yīng),因些還是很值得收藏一下的,兼容所有的IE瀏覽器。 -
預(yù)覽JS拖動(dòng)層(簡(jiǎn)潔,全兼容)
2012-12-03最簡(jiǎn)潔的JS層拖動(dòng)代碼,全兼容ie、ff、opera、safari……每一種瀏覽器都有對(duì)應(yīng)的判斷和實(shí)現(xiàn)方法,你只需復(fù)制代碼到你的網(wǎng)頁(yè)中就可使用。水平高的朋友可以繼續(xù)修改,添加更多方法,使其功能更強(qiáng)大。 -
預(yù)覽老外用純CSS實(shí)現(xiàn)的圓角邊框
2012-12-03很不錯(cuò)的CSS圓角邊框效果,老外的東西,完全用CSS代碼實(shí)現(xiàn),雖然復(fù)雜了點(diǎn),但至少用起來方便,而且也沒有用JavaScript去控制樣式,實(shí)用性大大增強(qiáng),你可以運(yùn)行一下看下效果,想信你會(huì)滿意的…… -
預(yù)覽JS彈出可定時(shí)關(guān)閉的層
2012-12-03用JS彈出一個(gè)可定時(shí)關(guān)閉的層,可以用于處理等待窗口,處理完成自動(dòng)關(guān)閉,或者設(shè)定時(shí)間到時(shí)關(guān)閉,實(shí)際上是用JS控制層的顯示與隱藏,達(dá)到關(guān)閉層的效果,代碼可供你修改。 -
預(yù)覽百度博客的無刷新彈出提示窗口特效
2012-12-03百度博客的無刷新彈出提示窗口特效,基于javascript,調(diào)用非常方便,相比AJAX要容易一些,而且這個(gè)示例完成的功能比較完整,不過要調(diào)用百度一個(gè)遠(yuǎn)程JS文件:http://hi.baidu.com/js/popup.js,你最好把它下載到本地,這樣使用起來更放心些。 -
預(yù)覽動(dòng)畫展層、關(guān)閉層并拖動(dòng)
2012-12-03具有動(dòng)畫效果的層展開、層關(guān)閉效果,展開后層可以拖動(dòng),層里面可以布局任何你想要的東西,用它來制作登錄窗口或說明之類的內(nèi)容效果很好。本段代碼可以利用,只需定義CLASS為CONTENT即可。 -
預(yù)覽不規(guī)則形狀的CSS鼠標(biāo)經(jīng)過變色效果
2012-12-01不規(guī)則形狀的CSS鼠標(biāo)經(jīng)過變色效果,不規(guī)則來源于一個(gè)圖片,其余的都跟普通的CSS是一樣的,運(yùn)行一下看看效果吧。 -
預(yù)覽一個(gè)DIV層的折疊與展開
2012-12-01一個(gè)DIV層的折疊與展開,不錯(cuò)的小技巧,代碼雖然不多,但比較實(shí)用。 -
預(yù)覽用ul實(shí)現(xiàn)四行三列的CSS表格
2012-12-01用ul實(shí)現(xiàn)四行三列的CSS表格,而非用Table實(shí)現(xiàn),因些借鑒價(jià)值很大哦,特別是CSS新手們,經(jīng)常會(huì)為CSS布局表格的問題而感到頭疼,看下本代碼你就會(huì)明白了,其實(shí)方法很簡(jiǎn)單的。 -
預(yù)覽讓一個(gè)DIV層的邊框閃爍的代碼
2012-12-01讓一個(gè)WEB頁(yè)面的DIV層不停閃爍的特效,達(dá)到醒目的目的,改進(jìn)一下我們可以把它用作注冊(cè)表單上面,提示用戶某些內(nèi)容輸入有錯(cuò),或是用到廣告代碼上面,顯示此內(nèi)容的重要性。 -
預(yù)覽CSS左圖右文混排布局
2012-12-01CSS圖文混排是我們布局網(wǎng)頁(yè)時(shí)經(jīng)常要用到的布局方法,本實(shí)例就是一個(gè)典型的左圖右文的常用布局,美觀大方,方法簡(jiǎn)便,你可以運(yùn)行一下代碼,看下效果,是不是你想要的呢? -
預(yù)覽JS控制一個(gè)DIV層在指定時(shí)間內(nèi)消失
2012-12-01用JavsScript控制一個(gè)DIV層在指定時(shí)間內(nèi)消失,可以是3秒、5秒、10秒,時(shí)間由你定,當(dāng)我們?cè)谧鲆粋(gè)提示層的時(shí)候就會(huì)用上這種功能,提示完畢自動(dòng)關(guān)閉。本函數(shù)簡(jiǎn)單實(shí)用,你還可以用它來控制一段文字和一個(gè)圖片指定時(shí)間關(guān)閉等等。 -
預(yù)覽CSS 圓角
2012-12-01又一款非常不錯(cuò)的CSS圓角代碼,記得已經(jīng)添加過很多了,但每一款都有自己獨(dú)特的實(shí)現(xiàn)方法,是不是覺得實(shí)現(xiàn)CSS圓角的代碼越來越精簡(jiǎn)了?確實(shí)是這樣,這就是推薦這款代碼的原因。 -
預(yù)覽CSS定義Div區(qū)域的LI列表響應(yīng)鼠標(biāo)變色
2012-12-01CSS定義網(wǎng)頁(yè)中某個(gè)DIV區(qū)域響應(yīng)鼠標(biāo)滑過更換背景顏色的效果,說白了也就是鏈接A:hover屬性的擴(kuò)展,通過這個(gè)小例子你會(huì)對(duì)CSS定義A的方法有更深了解,用它還可以隨心所欲的做出很多好看的效果來。 -
預(yù)覽Js拖動(dòng)層代碼
2012-11-30又一個(gè)JS代碼最簡(jiǎn)潔的層拖動(dòng)特效,同樣基于JS+DIV/CSS,雖然實(shí)現(xiàn)的代碼非常少,但拖動(dòng)功能一點(diǎn)都不含糊,用鼠標(biāo)操作也很流暢,被拖動(dòng)的層進(jìn)行二次修改、美化也很方便,全部是基于CSS,符合WEB標(biāo)準(zhǔn),確實(shí)比較不錯(cuò)哦。 -
預(yù)覽特殊字符實(shí)現(xiàn)的CSS圓角
2012-11-30這是用特殊字符實(shí)現(xiàn)的CSS圓角,代碼多了點(diǎn),但效果卻非常好,而且沒有用到任何的邊角圖片,高度可以自適應(yīng)。不過有一個(gè)缺點(diǎn),就是方框的寬度不能自適應(yīng),有點(diǎn)遺憾,高手可以修正一下,如果你不需要寬度自適應(yīng)那種的,那這一個(gè)圓角對(duì)你來說就比較合適了。 -
預(yù)覽一個(gè)左圖右文的簡(jiǎn)單CSS布局
2012-11-30一個(gè)左圖右文的簡(jiǎn)單CSS布局,很常用的一種布局方式,在很多網(wǎng)站都有使用,鼠標(biāo)滑過DIV塊的時(shí)候會(huì)變幻背景顏色,藍(lán)色的清新色調(diào),兼容性良好,這里推薦給大家。
- 相關(guān)鏈接:
- 欄目說明:
層和布局:提供了大量與層和布局相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找層和布局的最佳選擇。