原创 video 移動端視頻浮動

1、會全屏,不適用 。x5-video-orientation可以設置豎屏橫屏 <video webkit-playsinline="true" x5-video-player-type="h5" x5-video-orientat

原创 html+css隱藏鼠標

* { cursor: none!important; }  

原创 html 屏蔽右鍵(兩種方法——body屏蔽、重新定義右鍵內容)

 方法一:有弊端但代碼簡單 當拖動右鍵的時候不能屏蔽 全屏的時候不能屏蔽 <body ondragstart="return false" oncontextmenu="return false" onselectstart="re

原创 html微信關閉瀏覽器

<input type="button" value="close" onclick="WeixinJSBridge.call('closeWindow');" />  

原创 krpano 小行星開場和自動旋轉

scene標籤內 <view stereographic="true" fisheye="1.0" fov="85" fovtype="VFOV" fovmax="150" hlook

原创 jquery 移動端 按下和鬆開

$('.ceshi').on('touchstart',function(){   console.log('touchstart'); }); $('.ceshi').on('touchend',fun

原创 音樂自動播放代碼,移動端

html <audio style="display:none;" id="music" src="944393a40df4901f.mp3" controls="controls" loop="loop" autoplay="auto

原创 微信公衆號,微信小程序相關

微信公衆號開發文檔:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432 微信小程序API開發文檔:https://developers.weixin.qq.c

原创 ajax+php+html+js 上傳圖片

前臺代碼(選完圖片直接上傳onchange) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上傳文件</title> <scrip

原创 html 打印指定內容

打印body裏面的內容  js中添加 function preview(oper){ if (oper < 10){ bdhtml=window.document.body.innerHTML;//獲取當前頁的html代

原创 css文字超出一行顯示省略號

overflow: hidden;/*超出部分隱藏*/ white-space: nowrap;/*不換行*/ text-overflow:ellipsis;/*超出部分文字以...顯示*/  

原创 js 點擊和長按事件

html <div class="zuopin-c">長按或點擊</div> js //長按事件 $(".zuopin-c").on({ touchstart: function(e){ timeOutEvent

原创 HTML5 視頻列表循環播放

html  <video id="video" src="" controls="controls" autoplay="autoplay" class="box_left__video" poster="img/ban1.jpg"><

原创 二維碼自動生成接口,用於臨時二維碼

直接img引用 text爲二維碼的內容 ,可以是文字可以是鏈接 <img src="http://qr.liantu.com/api.php?text=x"/> <img src="http://qr.liantu.com/api.ph

原创 qq瀏覽器點擊全屏

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body>