隨著網(wǎng)絡(luò)的快速發(fā)展，移動(dòng)端設(shè)備頁(yè)面也越來(lái)越重要。但由于各個(gè)手機(jī)的屏幕大小不一，那么如何讓一個(gè)頁(yè)面匹配各個(gè)頁(yè)面呢。現(xiàn)在我們來(lái)看看下面的幾種布局方式。注意我們要想在移動(dòng)端完美顯示...
發(fā)簡(jiǎn)信
IP屬地：北京
-
移動(dòng)端布局那點(diǎn)事—多種布局總有你需要的 -
CSS3實(shí)現(xiàn)超炫3D翻書(shū)效果（二）上回書(shū)，我們已經(jīng)簡(jiǎn)單實(shí)現(xiàn)如何翻一頁(yè)。好，現(xiàn)在我們復(fù)習(xí)一下。翻書(shū)效果的基本原理，請(qǐng)看下html布局： 簡(jiǎn)單再次說(shuō)明下：box為大盒子，主要提供顯示區(qū)域的左部分；page為要翻轉(zhuǎn)...
-
利用CSS3動(dòng)畫(huà)自制"超炫"時(shí)鐘（超詳細(xì)）制作表盤(pán) 首先要明確，表盤(pán)一周是360°并有60個(gè)小刻度。也就是每個(gè)刻度從0°（12點(diǎn)位置）開(kāi)始遞加6°。拿其中5個(gè)刻度為例，代碼如下：html代碼布局： css樣式表： 效...
-
CSS3實(shí)現(xiàn)超炫3D翻書(shū)效果（一）基礎(chǔ)知識(shí)儲(chǔ)備 -transform:CSS3新增的變形功能，其優(yōu)點(diǎn)是全過(guò)程不改變DOM性能更高。在transform下有如下幾個(gè)變形樣式：1）.translate() -...
-
正則表達(dá)式入門(mén)
簡(jiǎn)單介紹一下正則表達(dá)式，操作字符串，用它，因?yàn)?方便 ， 效率 極高。但是新手工作中不推薦使用，用錯(cuò)了會(huì)很麻煩。 定義一個(gè)新的正則表達(dá)式 new RegExp('規(guī)則'...
-
transition一、transition-property:語(yǔ)法： transition-property是用來(lái)指定當(dāng)元素其中一個(gè)屬性改變時(shí)執(zhí)行transition效果，其主要有以下幾個(gè)值：...
-
用css3實(shí)現(xiàn)九宮格分頁(yè)顯示
在完全不用js的前提下怎樣實(shí)現(xiàn)九宮格分頁(yè)顯示呢？？其實(shí)只有簡(jiǎn)單的兩行主要代碼！直接上代碼： 下面是一個(gè)簡(jiǎn)單的html布局
-
事件mouseover、mouseout存在的小bug
首先補(bǔ)充個(gè)知識(shí)點(diǎn)：在發(fā)生mouseover和mouseout事件時(shí)，都會(huì)涉及把鼠標(biāo)從一個(gè)元素的邊界之內(nèi)移到另一個(gè)元素邊界之內(nèi)。對(duì)mouseover事件而言，事件的主目標(biāo)是獲得...
個(gè)人介紹
一個(gè)擅長(zhǎng)Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等軟件的安裝與卸載，精通CSS、JavaScript、PHP、ASP、C、C＋＋、C#、Java、Ruby、Perl、Lisp、python、Objective-C、ActionScript、Pascal等單詞的拼寫(xiě)，熟悉Windows、Linux、Mac、Android、IOS、WP8等系統(tǒng)的開(kāi)關(guān)機(jī)的前端工程師