html
关注
分享
扫一扫
chengchengbox
有些失望是不可避免的，但大部分是因为你高估了自己。
展开
-
强制旋转横屏
屏幕旋转度数 js方法。', 窗口高度: '原创 2024-05-29 14:58:12 · 577 阅读 · 0 评论 -
火狐浏览器手势全屏
火狐扩展Gesturefy。原创 2023-03-06 10:46:33 · 346 阅读 · 0 评论 -
html 禁止选择与复制出现蓝色选中状态，禁止图片拖拽，隐藏鼠标,全屏状态下有效
一、禁止选择与复制js实现['contextmenu', 'selectstart', 'copy'].forEach(function(ev){ document.addEventListener(ev, function(ev){ ev.preventDefault(); ev.returnValue = false; })});`css实现body { -moz-user-select: none; -webkit-user-原创 2022-04-27 09:29:48 · 1493 阅读 · 0 评论 -
h5+js 移动端监听点击、移动、松开，获取鼠标位置
移动端监听点击、移动、松开原创 2022-06-27 11:02:31 · 3051 阅读 · 0 评论 -
JavaScript addEventListener()事件监听方法
JavaScript addEventListener()事件监听方法addEventListener()方法将事件处理程序附加到指定的元素。您可以使用removeEventListener()方法轻松删除事件侦听器。语法：element.addEventListener(event, function, useCapture);第一个参数是事件的类型（如“ click”或“ mousedown”）。第二个参数是我们想要在事件发生时调用的函数。第三个参数是一个布尔值，指定是使用事件冒泡还是事件捕原创 2021-11-16 10:55:38 · 2093 阅读 · 0 评论 -
php+jquery多图上传带预览的功能,php是比较原生的写法
index.html注意代码中124行需要写自己的url<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>showImages</title> <style type="text/css"> .float{ float:left; width : 200px;.原创 2021-09-23 15:45:48 · 189 阅读 · 0 评论 -
html网站访问慢的可能原因
尽量避免src有空值或者#，不然会导致重复加载首页尽量避免大图片、大视频加载用F12查看是不是有加载失败的资源原创 2021-08-02 15:27:52 · 217 阅读 · 0 评论 -
微信公众号的图片引用
html的<head>中加入以下代码<meta name="referrer" content="never">一定要强制刷新原创 2021-01-13 09:00:32 · 1605 阅读 · 0 评论 -
html避免多次点击选中页面文字或者内容时出现蓝色背景
在body、html中添加以下代码*,body,html{ -moz-user-select: none; /*火狐*//*选中文字时避免出现蓝色背景*/ -webkit-user-select: none; /*webkit浏览器*//*选中文字时避免出现蓝色背景*/ -ms-user-select: none; /*IE10*//*选中文字时避免出现蓝色背景*/ user-select: none;/*选中文字时避免出现蓝色背景*/}...原创 2020-12-18 09:24:26 · 1423 阅读 · 0 评论 -
html使用了iframe框架移动端字体大小不一样，设置了头部解决办法
在iframe或者框架中body的style中加入以下css代码就可以了width: 50vw;height: 50vh;transform-origin: 0 0;transform: scale(2);原创 2020-07-15 14:20:27 · 2050 阅读 · 1 评论 -
jquery 数字从指定值在规定时间内变化到指定值，圆形进度条，可以用于进度条
$({ // 起始值 countNum: 20 }).animate({ // 最终值 countNum: 100 }, { // 动画持续时间 duration: 2000, easing: "linear", step: function() { // 设置每步动画计算的数值 $('.barPie__value').text(Math.round((this.countNum*100)/100)); }, complete: .原创 2020-07-09 10:49:03 · 531 阅读 · 0 评论 -
jquery动画animate函数用法
$("#box").animate({height:"100px",width:"80%"},3000);原创 2020-07-03 10:35:15 · 324 阅读 · 1 评论 -
微信浏览器禁止放大收缩
第一种如果你页面用的px，字体布局会不正常<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />第二种具备设置固定界面宽度<meta name="viewport" content="width=750,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">原创 2020-07-02 13:57:21 · 1269 阅读 · 0 评论 -
qq浏览器点击全屏
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button onclick="fullScreen()">现代浏览器全屏</button> <button onclic.原创 2020-06-12 14:02:59 · 308 阅读 · 0 评论 -
html全屏和关闭全屏的设置，仿照F11全屏，谷歌默认全屏
必须要点击才可以全屏默认全屏的方式没找到，有默认全屏方式的请留言<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js进入全屏</title> </head><body> <button id='btn'>进入全屏</button> <div .原创 2020-05-12 15:21:30 · 1077 阅读 · 0 评论 -
html 基本结构，手机和pc
<html> <head> <title>标题</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initia...原创 2020-04-21 11:05:10 · 238 阅读 · 0 评论 -
html+css隐藏鼠标
* { cursor: none!important;}原创 2020-04-03 16:50:51 · 2559 阅读 · 0 评论 -
音乐自动播放代码,移动端
html<audio style="display:none;" id="music" src="944393a40df4901f.mp3" controls="controls" loop="loop" autoplay="autoplay"> <source src="song.ogg" type="audio/ogg" /> <so...原创 2020-03-25 10:33:09 · 3282 阅读 · 0 评论 -
jquery 移动端 按下和松开
$('.ceshi').on('touchstart',function(){ console.log('touchstart'); }); $('.ceshi').on('touchend',function(){ console.log('touchend'); });原创 2020-03-20 13:19:45 · 1370 阅读 · 1 评论 -
HTML5 视频列表循环播放
html<video id="video" src="" controls="controls" autoplay="autoplay" class="box_left__video" poster="img/ban1.jpg"></video><ul style="display: none"> <li value="mp4/vide...原创 2020-03-19 11:27:07 · 2886 阅读 · 0 评论 -
video 移动端视频浮动
1、会全屏，不适用。x5-video-orientation可以设置竖屏横屏<video webkit-playsinline="true" x5-video-player-type="h5" x5-video-orientation="portraint">2、有可能是视频没有设置高度，设置一个固定高度，把视频定位在空白页面...原创 2020-03-11 15:46:24 · 1152 阅读 · 0 评论 -
html 屏蔽右键（两种方法——body屏蔽、重新定义右键内容）
<body ondragstart="return false" oncontextmenu="return false" onselectstart="return false">原创 2020-03-05 09:49:02 · 1260 阅读 · 0 评论 -
highcharts+php展示数据
php注意事项：1、需要把数字 intval()2、转换为二次函数3、返回数据return、echo例如： $sql = "SELECT a.wname,count(1) as count FROM writer AS a LEFT JOIN article AS d ON a.id = d.wid where d.artid>0 GROUP BY a....原创 2020-02-29 15:15:17 · 301 阅读 · 0 评论 -
highcharts条形统计图
<!DOCTYPE HTML><html> <head> <meta charset="utf-8"><link rel="icon" href="https://jscdn.com.cn/highcharts/images/favicon.ico"> <meta name="viewpo...原创 2020-02-28 16:48:17 · 192 阅读 · 0 评论 -
js 点击和长按事件
html<div class="zuopin-c">长按或点击</div>js//长按事件 $(".zuopin-c").on({ touchstart: function(e){ timeOutEvent = setTimeout(function(){ alert("长按事件"); },500); }, tou...原创 2020-02-27 15:58:09 · 2082 阅读 · 0 评论 -
爬取网站的文章，然后保存在本地的txt中
方法一，用于获取比较规律的文章列表1、在index.php同级目录创建一个guxi.txt2、index.php中写入一下代码ini_set('user_agent','Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; GreenBrowse...原创 2020-01-17 16:01:22 · 1107 阅读 · 0 评论 -
html 打印指定内容
打印body里面的内容js中添加function preview(oper){ if (oper < 10){ bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域 eprnstr="<...原创 2020-01-15 15:47:19 · 566 阅读 · 0 评论 -
layer框架，子框架改变父框架内容
父框架<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="layer/mobil...原创 2020-01-10 17:23:44 · 380 阅读 · 0 评论 -
ajax+php+html+js 上传图片
前台代码(选完图片直接上传onchange)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上传文件</title> <script type="text/javascript"> function...原创 2020-01-10 17:03:33 · 377 阅读 · 0 评论 -
html微信关闭浏览器
<input type="button" value="close" onclick="WeixinJSBridge.call('closeWindow');" />原创 2019-09-30 14:31:45 · 290 阅读 · 0 评论 -
php 原生php分页，漂亮的分页
效果：1、php分页方法function page($count,$listRows,$curPage,$rowsmaxPage =null,$search=null){ $search = isset($search)?$search:""; $rowsmaxPage = isset($rowsmaxPage)?$rowsmaxPage:10; $t...原创 2019-09-25 13:45:55 · 408 阅读 · 0 评论 -
移动端 拼图游戏 拖拽的方式
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <title>drag拖拽<...原创 2019-08-07 10:50:14 · 665 阅读 · 0 评论 -
css上下左右居中，不定宽高
第一种.test{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /* 50%为自身尺寸的一半 */}第二种.test{ margin: auto; /* 有了这个就自动居中了 */}...原创 2019-07-25 11:43:46 · 287 阅读 · 0 评论 -
html onclick点击跳转
onclick="javascript:window.location.href='URL'"onclick="location='URL'"onclick="window.location.href='URL?id=11'"原创 2019-06-27 16:01:45 · 5825 阅读 · 0 评论 -
css3 勾和叉的布局（√、×）
一、勾<style> a{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);} a:after{content:'/';di...原创 2019-01-03 13:15:55 · 2243 阅读 · 0 评论 -
css添加 渐变色 阴影
1、css添加阴影——四面发光box-shadow: 0px 0px 30px #888888; 2、css添加渐变色——红色过渡到蓝色 background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue...原创 2018-12-06 13:45:00 · 7275 阅读 · 0 评论