原创 識別手機 根據手機的大小寫不同的js代碼
console.log(navigator.userAgent); console.log(navigator.appVersion); console.log(navigator) var events = navigator.u
原创 小程序swiper的tab切換
ctrl+c ctrl+v wxml: <view> <view class='swiper-tab'> <view class="swiper-tab-item {{currentTab==0?'active':
原创 根據hash值 滑動到指定位置
eg: <a href="#page2">page2</a> <div id="page1">page1</div> nav.find("a[href^='#']").click(function(e){ e.pr
原创 pc頁面切換成手機端自動換路徑
話不多說 直接上代碼 複製以下代碼 把路徑換成你要變得路徑即可 <script type="text/javascript"> var result = window.location.toString();
原创 解決html5 video視頻標籤在移動端無法播放或者白屏的問題
安裝 ios 加入 webkit-playsinline playsinline 即可 <video muted src="" loop="loop" autoplay="autoplay" webkit-playsinline
原创 底部邊框hover上去從中間到兩邊擴散效果
html <a href='' class='ui-box bottom-inOutSpread'>Audio Description</a> css <style> .ui-box { text-decoration:no
原创 當鼠標滑到某一塊區域 執行某個函數、動畫、js······
$(document).ready(function(){ var a,b,c; a = $(window).height(); //代表了當前可見區域的大小 var group = $(".place_sho
原创 安卓/ios判斷是否有某個app如果有就打開 如果沒有就跳轉到下載界面
<script type="text/javascript"> document.getElementById('openApp').onclick = function(e) { //ios if(navigator
原创 js通過鍵取url地址欄的值
function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); va
原创 禁止瀏覽器 移動端 水平滾動條
禁止瀏覽器 移動端 水平滾動條 html,body{overflow:hidden;overflow-y:auto;}
原创 web兼容火狐瀏覽器默認顯示2行,多出去的省略號代替 以及其他正常瀏覽器寫法
web兼容火狐瀏覽器默認顯示2行,多出去的省略號代替 p{position: relative; line-height: 20px; max-height: 40px;overflow: hidden;} p::after{cont
原创 解決IE8及以下CSS3選擇器nth-child() 不兼容問題的解決方法
將 div ul li:nth-child(1){ } 改爲 div ul li:first-child { } /選取第一個li/ 將div ul li:nth-child(3){ } 改爲 div
原创 微信小程序圖片文字水平垂直居中對齊解決方案
我們知道常用的居中對齊方式有很多種例如: text-align:center; align-items:center; justify-content: center; margin: auto; #子容器在父容器中居中 但是在v
原创 HTML5 新標籤 新方法 新屬性 ...
https://blog.csdn.net/flqbestboy/article/details/78083861
原创 H5 移動端滑屏卡頓問題原因及解決方法
加入 *{ -webkit-overflow-scrolling: touch; } -webkit-overflow-scrolling是什麼東西 -webkit-overflow-scrolling控制元素在移動設備上面是