原创 識別手機 根據手機的大小寫不同的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控制元素在移動設備上面是