原创 H5,軟鍵盤彈出,頁面變形問題

    對於其它的標籤,不要使用top屬性,可以用外邊距margin(例如margin-top)屬性。對於背景圖片,高度不要用css設置,用js動態加載設置,就ok了; 例如:背景圖片: <img src="p.jpg" class="

原创 文字從上到下無縫輪播,一直循環滾動輪播

思路:無縫循環輪播,是一個輪播框(父節點)包含兩個子節點,其中一個子節點是文字主體,另一個是這個子節點的複製品,即:在父類節點一定的高度下,這兩個子節點實現由下而上的滾動。 貼代碼前說下大家一般遇到的問題:不滾動或者滾動一段時間後不循環?

原创 H5背景音樂自動播放和暫停

在微信裏,音樂不能自動播放,爲了讓其自動播放,通過調用微信接口實現,代碼如下: html: <audio id="yy" autoplay preload src="music/bjyy.mp3" loop></audio> j

原创 zepto.js中swipe失效問題

問題:如題 解決:在頁面中加上阻止滑動默認事件或者在相應的touch.js或者自定義的zepto.js裏面寫進去即可,代碼如下:           document.addEventListener('touchmove',funct

原创 對於在swiper中使用video在IE上controls失效的問題

問題:當使用Swiper 3.3.1時,在頁面上添加video標籤,在IE上controls失效,其他瀏覽器正常; 排除法找原因:看是否是IE不支持此類型視頻的播放,把video標籤複製到新的空白頁面,查看發現標籤沒問題,則排除video

原创 再次返回頁面使其頁面內不進行動效的問題

一、問題:              如題,有時候一個H5會有很多頁面,一般打開鏈接封面會有動效,有目錄的封面在進入內頁時,需要返回,但返回後,動效是不需要的,在不使用後臺傳參或者進行控制的情況下,如何讓再次返回封面的動效不顯示? 二、

原创 圖片加載方式

問題:圖片太大或者網速太慢,圖片加載緩慢的問題 解決方法:存圖片的時候jpg格式的存連續、png格式的存交錯

原创 Photoshop保存單個圖層

打開psd文件=》選擇文件菜單>腳本>將圖層導出到文件(選擇路徑以及保存的圖片類型)=》OK,所有的圖層都獨自保存

原创 解決‘底層的圖層經過transform:rotate轉換後,覆蓋住高圖層’的問題

一、問題:          問題背景:在寫H5的時候,因爲要使z-index:0的紅旗這張圖片達到飄搖的動效,所以需要加transform:rotateX()rotateY()進行角度旋轉轉換;          問題出現:動效是有了

原创 關於谷歌不支持font-size小於12px的問題

  谷歌不支持font-size小於12px的值,要想在谷歌上顯示12px以下的,可以用-webkit-transform: scale(x,y)來實現。示例如下(tip:#fontCon爲塊級元素的id,若是行內元素,需要用塊級元素將其

原创 css動畫,實現落葉效果

實現葉子的下落效果:旋轉和降落。直接上代碼: <div class="con"> <img src="img/yeluobig.png" id="yeluobig"/> <img src="img/yeluolit1.p

原创 PS中批量操作問題

對於一堆圖片進行相同方式的操作,可以新建動作(類似於excel的宏),避免重複枯燥的勞作; 步驟: 1.找到 ‘動作’ (快捷鍵Alt+F9) 2.點擊 ‘新建動作’ (動作窗口右上角的菜單裏),寫上動作名稱,點擊 ‘記錄’ 就開始記錄了

原创 微信H5時間倒計時

微信裏,並不是所有的初始化時間格式都認的,對於在瀏覽器中的時間倒計時,talk is cheap show me the code! 源碼(直接複製即可): <!DOCTYPE html> <html> <head lang="en">

原创 HTML特殊字符編碼對照表及空格佔位符

網址:http://www.jb51.net/onlineread/htmlchar.htm (轉自http://blog.csdn.net/sforiz/article/details/43937237):html空格佔位符 &#32;