整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
、 通過(guò)style屬性中的 display : none { 這種是最常用方式之一 }
display : none這兩種方式的區(qū)別是: display 設(shè)置為 none之后, 該元素不占用文檔流
visibility 設(shè)置為 hidden之后, 該元素仍然占用文檔流, 只不過(guò)是看不見了而已
2 、通過(guò)style屬性中的 visibility : hidden { 這種也是最常用的方式之一 }
visibility : hidden3 、通過(guò)相對(duì)定位移動(dòng)當(dāng)前元素到屏幕左側(cè)
div{
position: relative;
left: -100%
}但是要記住:
1 元素仍然占用標(biāo)準(zhǔn)文檔流 2 百分比是相對(duì)父元素的寬度和高度的, 并不是相對(duì)可視區(qū)寬度偏移的
4 、通過(guò)元素內(nèi)文本對(duì)齊將子元素移動(dòng)到父元素右側(cè), 配合超出后不顯示
.div{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}注意點(diǎn): 此時(shí)子元素仍然占用文檔流, 只是我們隱藏了超出部分
5 、設(shè)置元素的寬度和高度為0, 元素直接消失
.div{
width: 0px;
height: 0px;
}注意點(diǎn):
1 標(biāo)準(zhǔn)文檔流是相對(duì)于一個(gè)容器來(lái)說(shuō)的, 每一個(gè)容器有自己的文檔流, 我們只關(guān)心當(dāng)前元素所在的文檔流 2 高度和寬度都設(shè)置為0后, 我們就可以認(rèn)為此元素不再占用其父元素的標(biāo)準(zhǔn)文檔流了, 但是這個(gè)容器仍然存在, 這個(gè)容器也存在一個(gè)標(biāo)準(zhǔn)文檔流, 供其子元素使用; 其子元素不會(huì)消失, 仍然會(huì)正常顯示, 但是不會(huì)占用其父元素所在的標(biāo)準(zhǔn)文檔流( 即子元素顯示不會(huì)受其影響, 此元素占用文檔流的大小也不會(huì)受其子元素的影響 )
6 、設(shè)置元素透明度為 0
div{
opacity: 0;
}這個(gè)感覺有點(diǎn)傻乎乎的, 掩耳盜鈴, 不過(guò)這個(gè)經(jīng)常用來(lái)做動(dòng)畫變換
7、 旋轉(zhuǎn)元素, 使與當(dāng)前頁(yè)面垂直
div{
transform: rotateX(90deg);
}注意點(diǎn): 這個(gè)只是顯示上的變換, 仍然會(huì)占用原元素大小和位置的文檔流, 其它各種變換也是如此。
8 、縮小元素尺寸到自身的0倍
div{
transform: scale(0);
}注意點(diǎn): 同上
9 、其它 transform 使其假不可見
天給大家?guī)?lái)的內(nèi)容是利用css3 transform屬性制作的14種不同效果的側(cè)邊欄導(dǎo)航的隱藏和顯示特效。該側(cè)邊欄導(dǎo)航可用于移動(dòng)設(shè)備等小屏幕設(shè)備，效果特別的贊，下面快來(lái)看看這些效果吧！
效果展示如下：
看了以上的展示有沒(méi)有感覺眼花繚亂，其實(shí)這些都是會(huì)經(jīng)常用到的。
HTML結(jié)構(gòu)部分：
CSS樣式部分：
由于源碼太多，影響展示效果，只能以這樣的形式發(fā)出來(lái)了，所以需要完整源碼和獲取更多內(nèi)容的朋友敬請(qǐng)關(guān)注！
最后，建議大家平時(shí)多看一些比較酷炫的特效，學(xué)會(huì)分析總結(jié)，自己再嘗試著去做出來(lái)，雖然說(shuō)可能有的時(shí)候工作中用不到，但是在拓展思維方面還是有很大的作用的，以后工作起來(lái)會(huì)更加得心應(yīng)手！
信每天都在玩，可你知道么？除了那些每天都在用的功能外，我們的微信其實(shí)還隱藏著很多不為人知的小秘密。這些秘密或?qū)嵱没蜢趴幔偰芙o我們帶來(lái)一些不一樣的感受。接下來(lái)小編就給大家列舉幾個(gè)，喜歡哪一個(gè)就自己試試看吧。
| 軟件名稱： | 微信 |
| 軟件版本： | 6.2.0.52 |
| 軟件大?。?/strong> | 29.68MB |
| 軟件授權(quán)： | 免費(fèi) |
| 適用平臺(tái)： | Android |
| 下載地址： | http://dl.pconline.com.cn/download/359554.html |
微信神秘隱藏代碼——//switchtabpos：最富Android味的改造
Android與IOS最不一樣的地方，莫過(guò)于一個(gè)標(biāo)簽欄在下一個(gè)標(biāo)簽欄在上了。實(shí)話說(shuō)，Android版微信的界面設(shè)計(jì)并不出彩，而且相當(dāng)沒(méi)有Android味！“//switchtabpos”這段代碼的最大用處，就是將Tab欄由之前的下方挪至上方，于是原本還透著濃濃IOS味的UI瞬間就有了Android范。最關(guān)鍵的是，這還是一條開關(guān)碼，什么時(shí)候用膩了，再輸入一遍，立馬就能還原回之前的樣子。
圖01 還原Android微信的本來(lái)味！
微信神秘隱藏代碼——//multiwebview：聊天看文章互不打擾
很多網(wǎng)友都遇到過(guò)這種情況，看文章時(shí)碰巧來(lái)?xiàng)l信息，回復(fù)完畢再退回原來(lái)位置時(shí)，發(fā)現(xiàn)文章已經(jīng)消失，只能重新再開一遍。其實(shí)導(dǎo)致這類問(wèn)題的主要原因，是微信將聊天與看文章共用一條任務(wù)，一條打開另一條自然被擠掉。“//multiwebview”的含義是將聊天頁(yè)與文章頁(yè)獨(dú)立顯示，代碼執(zhí)行后，聊天頁(yè)和文章頁(yè)會(huì)自動(dòng)分成兩組任務(wù)，一個(gè)頁(yè)面操作時(shí)，再也不會(huì)影響到另一個(gè)頁(yè)面操作了。唯一一個(gè)麻煩，就是這段代碼對(duì)系統(tǒng)的要求有點(diǎn)高，必須得Android 5.0才有效果。
圖02 讓微信聊天與讀文章互不干擾
微信神秘隱藏代碼——//sightinfo：實(shí)時(shí)顯示視頻參數(shù)
小視頻大家都玩過(guò)，或許你想了解一下這些視頻的相關(guān)參數(shù)?！?/sightinfo”這條代碼能讓視頻發(fā)布時(shí)，自動(dòng)顯示幀率、大小、時(shí)長(zhǎng)、分辨率等內(nèi)容，讓視頻信息一目了然。和“//switchtabpos”一樣，“//sightinfo”也是一條開關(guān)碼，什么時(shí)候不需要了，再?gòu)妮斎肟蛑休斠槐榫托校貑⑽⑿派А?/p>
圖03 實(shí)時(shí)顯示視頻信息
微信神秘隱藏代碼——//getfpkey：極客版“關(guān)于手機(jī)”
這是一條能將手機(jī)信息顯示出來(lái)的代碼，類似于“關(guān)于手機(jī)”，可以提供手機(jī)廠商、型號(hào)、ROM版本等等內(nèi)容。不過(guò)正如你所看到的，里面的信息非常具有極客范，而且實(shí)話說(shuō)也沒(méi)啥有營(yíng)養(yǎng)的東東。所以嘛，大家玩玩也就行了，基本上用處不大。
圖04 極客版“關(guān)于手機(jī)”
微信神秘隱藏代碼——//fullexit：退出微信
“//fullexit”是一條手工退出微信的代碼，有點(diǎn)像Win7里的shutdown –s，不過(guò)要比“設(shè)置”面板里的“退出”更徹底。輸入代碼后，微信隨即退出，再次進(jìn)入時(shí)，會(huì)提示輸入登錄密碼，接下來(lái)嘛相信你都明白了！
圖05 很徹底地退出微信
微信神秘隱藏代碼——//whatsnew：哄LP絕招？
這條代碼很容易讓人聯(lián)想到what‘s new（顯示新功能），但事實(shí)上不是。輸入代碼后，微信隨即被鎖定，屏幕會(huì)顯示出一個(gè)大大的二維碼。這里可以有兩種方法關(guān)閉這一鎖屏，一是直接點(diǎn)擊最下方的按鈕自己解鎖，另一種則是讓其他好友掃碼解鎖。不過(guò)……鎖不是白解的，每次掃完后，對(duì)方都會(huì)隨機(jī)向你的錢包打上幾塊零錢，所以嘛……這東西估計(jì)女性朋友們更有用處吧！
圖06 這項(xiàng)功能女同胞們估計(jì)會(huì)喜歡
微信神秘隱藏代碼——faxinxi.la：中午吃啥投票吧！
原則說(shuō)這并不是一條代碼，但它所實(shí)現(xiàn)的功能卻是很多人都想得到的，這就是——“投票“！faxinxi.la的使用非常簡(jiǎn)單，輸入代碼后，在彈出頁(yè)中選擇“發(fā)起投票”，即可根據(jù)屏幕提示設(shè)置一組投票。投票支持單選、多選，使用者或發(fā)起人還能隨時(shí)查看投票結(jié)果，應(yīng)該說(shuō)對(duì)付中午吃飯這類普通問(wèn)題還是相當(dāng)有實(shí)效的。而且正如你所看到的，這條代碼的功能并不只限于投票，比方說(shuō)組織個(gè)活動(dòng)呀、發(fā)表個(gè)文章、發(fā)送個(gè)福利神馬的，統(tǒng)統(tǒng)可以用它搞定，厲害吧！
圖07 中午吃啥，投個(gè)票吧！
寫在最后
怎么樣？大開眼界吧。其實(shí)類似的內(nèi)容在微信中還是很多的，或許我們可以把它看作是一些微信中未解鎖的功能。雖然大多數(shù)代碼目前看都沒(méi)有很好的界面，而且操作也比較麻煩，但終究可以給我們帶來(lái)一些不一樣的感受?？傊€是那句話，如果你對(duì)目前每天刷朋友圈這樣的生活感覺厭倦的話，那就不妨試試上面這些代碼吧。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
