-
預(yù)覽Js模擬彈出層(不刷新彈出內(nèi)容框、圖片、登錄框)
2012-11-04用JavaScript模擬彈出層,在不刷新頁(yè)面的情況下,彈出內(nèi)容框、圖片、登錄框,類似于Ajax應(yīng)用的小程序。然后如果內(nèi)容有圖片,則圖片預(yù)加載后再計(jì)算對(duì)象高寬。不然自身的高度就不對(duì)了,有時(shí)候圖片把容器撐開(kāi)了,但是我們?cè)趫D片沒(méi)下載完畢之前就獲取了當(dāng)時(shí)的容器高度…… -
預(yù)覽CSS平鋪背景圖片實(shí)現(xiàn)百分比圖表
2012-11-04CSS平鋪背景圖片實(shí)現(xiàn)百分比圖表,這個(gè)示例主要是練習(xí)CSS如何布局出規(guī)則圖形,用CSS布局出圖表圖,這個(gè)技巧 也很常用,實(shí)現(xiàn)步驟卻很簡(jiǎn)單,新手也能看懂,研究一下。 -
預(yù)覽CSS布局一個(gè)漂亮的滑塊
2012-11-04這個(gè)是用CSS美化出來(lái)的一個(gè)漂亮滑塊,注意它是一個(gè)靜態(tài)的,沒(méi)有加入JS,因此不能適時(shí)拖動(dòng),本示例重點(diǎn)是想表述CSS布局復(fù)雜圖形的一種方法,好好看看代碼,相信會(huì)對(duì)你幫助不少。 -
預(yù)覽仿265層移動(dòng)(上移、下移,支持IE、FF
2012-11-04仿265上下層的移動(dòng)(上移,下移)(支持IE、FF,一個(gè)層的操作,可能對(duì)大家比較有用處。 -
預(yù)覽CSS的Filter背景透明提示
2012-11-04使用CSS的Filter濾鏡實(shí)現(xiàn)的小效果,鼠標(biāo)懸停時(shí)激活本效果,是一個(gè)半透明的圖片提示層,本代碼演示了核心的實(shí)現(xiàn)方法,你可以舉一返三,作出更強(qiáng)大的效果來(lái)。 -
預(yù)覽一個(gè)自適應(yīng)的寬度的兩列網(wǎng)頁(yè)布局
2012-11-03一個(gè)自適應(yīng)的寬度的兩列網(wǎng)頁(yè)布局,含頭部和尾部,也是比較經(jīng)典的二欄風(fēng)格設(shè)計(jì),在本例中,網(wǎng)頁(yè)左欄是自適應(yīng)寬度的,不論你的瀏覽器窗口大小,它都不會(huì)出現(xiàn)滾動(dòng)條,你完全可以把它拷貝回去做為一個(gè)模板來(lái)用,也是學(xué)習(xí)CSS布局的一個(gè)好范例。 -
預(yù)覽CSS 水平自適應(yīng)
2012-11-03CSS 水平自適應(yīng)的實(shí)現(xiàn)代碼,這個(gè)與其它的水平自適應(yīng)好像還有點(diǎn)區(qū)別,它里面的文字也會(huì)自適應(yīng),文字外的DIV同樣也會(huì)隨著瀏覽器窗口的大小而水平適應(yīng),大家仔細(xì)觀察一下。 -
預(yù)覽插入表格
2012-11-03插入表格 -
預(yù)覽極酷的表格
2012-11-03極酷的表格 -
預(yù)覽仿IE頂部的警告條,可以關(guān)閉
2012-11-03仿windows IE頂部的敬告工具條,可以關(guān)閉,設(shè)計(jì)還算精美,你完全可以用到自己的網(wǎng)頁(yè)用于顯示提示,請(qǐng)運(yùn)行查看效果。 -
預(yù)覽CSS美化的漂亮搜索框
2012-11-03搜索框是我們經(jīng)常見(jiàn)到的網(wǎng)站功能,它的美觀直接影響著網(wǎng)站舒適度,一般我們都會(huì)下功夫美化搜索框,實(shí)現(xiàn)這種效果有兩種方法:一是整體處理一個(gè)背景,以透明gif圖的方式定位到搜索框,或者切分開(kāi),這種方法加載快,而且靈活性更高。 -
預(yù)覽JavaScript未知高度元素的垂直居中
2012-11-03JavaScript未知高度元素的垂直居中代碼,允許你在不知道外層元素高度的情況下,用Js強(qiáng)制其居中,雖然用了JavaScript有些麻煩,不過(guò)效果甚好,值得一試。 -
預(yù)覽CSS中first-letter偽類的用法
2012-11-03OL定義有序列表的時(shí)候,除非指定list-style-position:inside,否則文字和前導(dǎo)符是有縮進(jìn)的,但有的時(shí)候,OL定義的列表類型有限制,比如不能定義漢字的“一、二、三”,我們只好手動(dòng)來(lái)輸入這些字符,但這下文字和字符連在一起,這個(gè)時(shí)候就可以使用first-letter這個(gè)偽類來(lái)幫忙了,這下,前導(dǎo)符就和文字保持一定距離了,而且能控制的樣式也更多一點(diǎn)。br> -
預(yù)覽CSS固定浮動(dòng)元素,滾動(dòng)時(shí)無(wú)閃爍
2012-11-02CSS固定浮動(dòng)元素,拖動(dòng)滾動(dòng)條并無(wú)閃爍現(xiàn)象,這里用到了expression,可能網(wǎng)頁(yè)資源占用稍大一點(diǎn),因?yàn)閑xpression是用CSS輸出JavaScript,輸出的代碼并不是CSS能解釋的,這樣做雖然避免在網(wǎng)頁(yè)代碼里插入JS代碼,但實(shí)際上,性能下降了不少,不贊成這樣使用. -
預(yù)覽jQuery 彈出菜單層
2012-11-02jQuery 彈出一個(gè)基于層的菜單,這種菜單在各大網(wǎng)站應(yīng)用非常廣泛,本代碼是模仿的,使用到了1.3.2版的jQuery 插件,僅供前端編程開(kāi)發(fā)者參考。 -
預(yù)覽表格依次滾動(dòng)變換內(nèi)容的效果
2012-11-02表格依次滾動(dòng)變換內(nèi)容的效果 -
預(yù)覽會(huì)動(dòng)的表格
2012-11-02會(huì)動(dòng)的表格 -
預(yù)覽CSS美化表格邊框?yàn)榘枷萘Ⅲw效果的實(shí)現(xiàn)方法
2012-11-02這個(gè)CSS美化實(shí)例應(yīng)該屬于布局的范疇吧。這里的重點(diǎn)是CSS,因此表格使用了TABle,用CSS控制Table的邊框像Windows系統(tǒng)窗體里的邊線一樣,表格邊框?yàn)榘枷萘Ⅲw效果,當(dāng)然,這里僅提供一種思路,你可以靈活修改使用。 -
預(yù)覽關(guān)閉后可縮小顯示的網(wǎng)頁(yè)右下角Div窗口
2012-11-02這個(gè)右下角窗口僅實(shí)現(xiàn)了最核心的部分,也就是控制它始終顯示在右下角的位置 ,至于里面顯示的內(nèi)容,你可自己豐富,或者二次開(kāi)發(fā)美化,完善起來(lái)。通過(guò)點(diǎn)擊關(guān)閉,可將窗口縮至最小,注意不是關(guān)閉。這里要注意,scroll層開(kāi)始設(shè)為隱藏,不然開(kāi)始的時(shí)候會(huì)不出現(xiàn)在底部,這里通過(guò)跟js代碼同步條鎮(zhèn),使scroll層開(kāi)始就出現(xiàn)在右底。 -
預(yù)覽Div+CSS三行排列自適應(yīng)寬度代碼
2012-11-02Div+CSS網(wǎng)頁(yè)一列三行排列,自適應(yīng)寬度的布局代碼,這也算是最常見(jiàn)的一種布局方式了,有必要掌握哦,雖然很基礎(chǔ),但是復(fù)雜的網(wǎng)頁(yè)就是這樣堆砌出來(lái)地.
- 相關(guān)鏈接:
- 欄目說(shuō)明:
層和布局:提供了大量與層和布局相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找層和布局的最佳選擇。