原创 手機適配rem

;!function(window){ var win=window, doc=win.document, docEle=doc.documentElement, objhtml=doc.getElementsByTagName('htm

原创 h5移動端知識要點

第1章 使用rem作爲單位 html{font-size:10px} 1.1、使用媒體查詢,不同分辨率設置不同的html的font-size @(min-width:320px){ html{font-size:10px;}} @(min

原创 如何入門微信小程序開發

最近微信開發小程序挺火的,自己選擇了騰訊雲官方推出的相冊。 先下載: 破解版IDE下載地址,以及使用說明: http://download.csdn.net/detail/richard_jason/9660819http:

原创 qq交談(可以調用手機qq)

<a href="http://wpa.qq.com/msgrd?v=1&amp;uin=1511895570&amp;site=qq&amp;menu=yes" target="_blank"><img src="./images/qq

原创 單選/多選框 美觀UI

/* 單選/多選框 美觀 */ input[type=checkbox], input[type=radio] { -webkit-appearance: none; appearance: none; width: 13px; heig

原创 移動端web開發,click touch tap區別

一:click與tap比較 click與tap都會觸發點擊事件,但是在手機web端,click會有200-300ms的延遲,所以一般用tap代替click作爲點擊事件。singleTap 和doubleTap分別代表單次點擊和雙次點擊

原创 js獲取驗證碼倒計時效果

<div class="div user-input">     <input type="number" class="code" placeholder="請輸入手機驗證碼" required maxlength="6">     

原创 js圖片懶加載(可視區域加載)

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>圖片懶加載(可視區域加載)</title><style>* {padding: 0px;margin

原创 獲取時間

1.獲取當前時間: function getNow(id){var d = new Date();var year = d.getFullYear();var month = d.getMonth() + 1;var date = d

原创 滾動條 美觀

 /* 滾動條 美觀 */ ::-webkit-scrollbar-track { border-radius:0; background:#e1e1e1; position:absolute } ::-webkit-scrollbar 

原创 純css雪花飄落特效

html代碼: <div class="snow"></div> css代碼: .snow{width:100%;height:10rem;background: url(../images/snow.png) repeat-y cent

原创 HTML+CSS+jQuery實現彈幕技術

<!DOCTYPE html> <html> <head><title></title><style type="text/css">.barrage .screen{width:100%;height:100%;position:abs

原创 用JavaScript判斷橫屏豎屏問題

/判斷手機橫豎屏狀態:  function hengshuping(){    if(window.orientation==180||window.orientation==0){          alert("豎屏狀態!"

原创 微信分享鏈接時,怎樣才能帶上帶縮略圖和簡介?

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><scri

原创 解決微信頁面中ios音樂不能自動播放問題

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <audio src="audio.mp3" loop="loop" preload id="a