-
預(yù)覽可使用Cookie保存的漂亮拖動(dòng)層窗口
2012-11-21使用JavaScript的Cookie技術(shù)將一個(gè)可拖動(dòng)的網(wǎng)頁層窗口適時(shí)保存,當(dāng)手動(dòng)動(dòng)作結(jié)束后,該層的信息已被保存,當(dāng)你再次打開網(wǎng)頁的時(shí)候它會(huì)顯示上次拖動(dòng)的位置。而且它是可以關(guān)閉的,本代碼兼容性良好。 -
預(yù)覽CSS中1PX的使用—缺口提示框
2012-11-21通過這個(gè)小實(shí)例,你會(huì)感覺到CSS中1px是多么的有用處,別以為那個(gè)小三角是用圖片平鋪出來的,其實(shí)完全是用CSS做出來的,一針一線都是,覺得很神奇吧?想知道奧妙,那就好好看看代碼吧! -
預(yù)覽JavaScript模塊隨意拖動(dòng)
2012-11-21JavaScript模塊隨意拖動(dòng),自動(dòng)吸附到距規(guī)定區(qū)域最近的地方,還可以適時(shí)保存,不過保存功能兼容性不是很好。 -
預(yù)覽又一個(gè)純CSS無圖片圓角框
2012-11-20又一個(gè)不用圖片實(shí)現(xiàn)的圓角效果,純CSS技術(shù)實(shí)現(xiàn),類似百度的圓角,值得借鑒,復(fù)制代碼就可以用哦。 -
預(yù)覽讓多個(gè)DIV自由居中排列
2012-11-20讓頁面中的多個(gè)DIV自由水平居中排列,自適應(yīng)網(wǎng)頁寬度,支持相對(duì)寬度,縮小瀏覽器窗口后它也會(huì)跟著重新居中排列,很實(shí)用的CSS布局實(shí)例,經(jīng)常從事WEB前端設(shè)計(jì)的朋友經(jīng)常會(huì)用得到。 -
預(yù)覽CSS全兼容根據(jù)內(nèi)容自適應(yīng)高度
2012-11-20CSS的DIV根據(jù)內(nèi)容的多少自動(dòng)調(diào)整高度,因?yàn)閷挾仁且欢ǖ�,所以CSS會(huì)控制其自動(dòng)填充高度,這是最簡單的CSS布局自適應(yīng)功能了。 -
預(yù)覽始終顯示在網(wǎng)頁某位置的浮動(dòng)層,類似對(duì)聯(lián)廣告
2012-11-20一個(gè)類似網(wǎng)頁上對(duì)聯(lián)廣告一樣的效果,讓一個(gè)層始終顯示在網(wǎng)頁的某個(gè)位置,不管你把拖動(dòng)條拖到哪里,它都始終保持在網(wǎng)頁中你指定的位置,很多對(duì)聯(lián)廣告就是這樣實(shí)現(xiàn)的,用它我們還可以編寫出很多不同的效果來。 -
預(yù)覽簡潔選項(xiàng)卡Tab,點(diǎn)擊后對(duì)應(yīng)背景也會(huì)切換
2012-11-20同樣是一個(gè)選項(xiàng)卡,但多了一個(gè)很有趣且很實(shí)用的功能,就是當(dāng)鼠標(biāo)點(diǎn)擊選項(xiàng)卡的任一項(xiàng)的時(shí)候,對(duì)應(yīng)的背景也會(huì)切換,這就增加了本Tab的適用范圍,會(huì)讓你的網(wǎng)頁更個(gè)性,更能滿足你的布局。一位作者根據(jù)本站的一款選項(xiàng)卡擴(kuò)展的功能,感謝奉獻(xiàn)。 -
預(yù)覽淡藍(lán)色的鼠標(biāo)拖動(dòng)選擇框
2012-11-20一個(gè)美麗的鼠標(biāo)拖選框代碼,JavaScript+CSS完成的效果,用它代替了系統(tǒng)默認(rèn)的拖選框,在一些大型的Ajax應(yīng)用中,我們經(jīng)常要定義鼠標(biāo)拖選的動(dòng)作,你可以配合這段代碼,讓你的拖選框變得更加漂亮。 -
預(yù)覽CSS層背景及邊框響應(yīng)鼠標(biāo)變化的特效
2012-11-20一個(gè)DIV層背景及邊框響應(yīng)鼠標(biāo)變化的特效,鼠標(biāo)放到DIV層的時(shí)候,層的背景更換顏色,邊框變?yōu)樘摼,這對(duì)CSS來說是比較基礎(chǔ)的,但是我們經(jīng)常會(huì)用到這些技巧,希望對(duì)初學(xué)CSS的朋友有所幫助。 -
預(yù)覽Javascript實(shí)現(xiàn)帶陰影的提示框
2012-11-20當(dāng)您的鼠標(biāo)放到某段文字中有鏈接的文字上時(shí),一個(gè)帶陰影效果的提示框出現(xiàn)了,激動(dòng)吧!本代碼可以重用,請(qǐng)將JavaScript代碼里的函數(shù)另存,用到的時(shí)候引入。 -
預(yù)覽未知高度的div垂直居中多瀏覽器方法
2012-11-20純CSS實(shí)現(xiàn)布局中不定高度的垂直居中問題,經(jīng)測(cè)試兼容諸多瀏覽器。 -
預(yù)覽JS右下角消息框代碼
2012-11-20JS右下角消息框代碼,模仿MSN消息提示的效果,打開頁面之后你會(huì)發(fā)現(xiàn)右下角有消息框彈出,跟MSN的消息框很相似!現(xiàn)在各大門戶網(wǎng)站都有這種效果,目前流行的功能,不可錯(cuò)過哦。 -
預(yù)覽CSS文字底部對(duì)齊
2012-11-19用CSS實(shí)現(xiàn)文字的絕對(duì)底部對(duì)齊,這是使用CSS布局的一個(gè)基本技巧,有必要掌握,本代碼相信新手也能看懂。 -
預(yù)覽兼容火狐、IE的可移動(dòng)彈出層
2012-11-19兼容火狐及IE7、IE8的可移動(dòng)彈出層,完全代替JavaScript的Alert彈出窗口,代碼稍嫌多,不過效果不是可以的。 -
預(yù)覽自己寫的JS無刷新彈出確認(rèn)框
2012-11-19自己寫的一個(gè)無刷新彈出確認(rèn)框,自己美化一下,本人美工不咋地,只實(shí)現(xiàn)了全部的功能,至于樣式就靠你自己了,個(gè)人感覺比那些將彈出窗寫時(shí)JS里的好用多了。 -
預(yù)覽動(dòng)態(tài)移動(dòng)的JavaScript浮動(dòng)窗口
2012-11-19打開頁面后,會(huì)動(dòng)態(tài)移動(dòng)的JavaScript浮動(dòng)窗口,可以關(guān)閉,只是不能拖動(dòng),或許有朋友能用得上哦。 -
預(yù)覽給一個(gè)Div層添加滾動(dòng)條功能
2012-11-19這是一個(gè)DIV層,加入了一個(gè)滾動(dòng)條功能,當(dāng)超出范圍的時(shí)候便會(huì)自動(dòng)出現(xiàn),你可以拖動(dòng)滾動(dòng)條看看效果哦。 -
預(yù)覽JavaScript控制層的移動(dòng)
2012-11-19JavaScript控制層的移動(dòng),點(diǎn)擊文字或接著文字不動(dòng),受控對(duì)象就會(huì)按預(yù)先設(shè)定好的路線不停移動(dòng),用這個(gè)思路,我們可以編寫出很多小游戲,比如俄羅斯廣場(chǎng)之類的。 -
預(yù)覽DIV始終居中的半透明彈出層
2012-11-19JavaScript+DIV彈出一個(gè)始終居中的半透明層,它可以自動(dòng)適應(yīng)瀏覽器窗口大小,拖動(dòng)IE滾動(dòng)條它仍然居中,而且還可以改變它的透明度,和大站的效果是一樣的。
- 相關(guān)鏈接:
- 欄目說明:
層和布局:提供了大量與層和布局相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找層和布局的最佳選擇。