使用swiper插件，加display:none后失效的解决方法
加display:none后swiper轮播滑动失效1.当一个页面中用到多个swiper插件时，如果swiper名字相同时，轮播滑动会错乱，解决方法：swiper名字不相同即可恢复正常轮播效果2.当s...
layui table数据表格复选框勾选所有行数据获取的例子
最近项目中用到layui table数据表格复选框选中的数量要统计出来的功能，网上搜索了下，找到了解决办法，以下是示例：html代码：<table class="layui-...
JQuery插件 aos.js
简介： aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时，元素会...
css 网页自适应 @media screen详解
针对CSS中min-width和max-wdith等详细的用法，通过演示代码，来了解如何使用。 <!DOCTYPE html> <html lang="en">...
如何禁止安卓Android或苹果IOS手机在微信中网页放大？
做H5项目，在手机微信端打开网页，由于一些手机的字号设置的很大，所以网页也会随之放大，这样就影响了网页整体美观。那么，怎样才能阻止手机微信里的网页放大呢？ 下面是安卓Android和...
CSS如何实现手机端底部导航绝对居中
最近在做一个web移动端的项目，底部导航菜单本来是固定的4个，后来客户要求，底部导航按钮可以后台编辑，也就是说，可以是4个，也可以是4个。但是，按照4个的距离设定好样式，当按钮增加5个的时候，整...
安卓Android微信中自带浏览器文字变大如何解决
用安卓手机微信自带浏览器打开网页，如果系统字号放大了，那么访问的网页字体也会跟着变大，这个问题如何解决呢？ 可以使用微信WeixinJSBridge对象来阻止字体大小被调整。以下是代...
微信内置浏览器打开网页有时JS无法执行问题解决方案
苹果IOS微信内置浏览器打开网页，有时不会执行JS脚本，android安卓手机微信浏览器偶尔也有这样的问题，经过多次调试，发现是微信浏览器缓存了渲染页面，没有重新渲染页面，导致window.on...
H5页面点击事件不生效问题如何解决？
H5页面里的标签绑定了点击事件，但是点击时有时不生效，直接使用 $(document).on(‘click’,function(){}) 绑定了点击事件，在点击它的子元素的时候点击事件并不生效。但是在...
js输入框只能输入数字的方法
分享下js输入框中只能输入数字的方法，包括整数与小数，分享几个例子，有需要的朋友参考下。1.使用正则表达式限制输入框只能输入数字：<input type="text"...
JS移动客户端--触屏滑动事件
移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touc...
如何禁止百度手机搜索时对网页转码？
在网页<head></head>之间添加两端代码即可搞定。 <meta http-equiv="Cache-Control" content="no-transf...
iPhoneX top:0出现的问题解决办法
前言 iPhoneX还没有正式开售，目前网上对其适配就引发了不少争论和吐槽。下面我就来谈谈ios11的WebView Viewport 及iPhoneX刘海想到的。 io...
css font-family常用的黑体宋体等字体中英文对照
在实现网页效果时，细节很重要，字体也不例外，CSS：font-family常用字体中英文对照如下： 微软雅黑： Microsoft YaHei...
11个基础的HTML5动画工具
如今，在Web开发中最为流行的语言就是HTML5了，它帮助开发者将多样化的内容展现给用户。在过去两三年中，我们共同看到了HTML5的发展，它逐渐在网络的世界中积累了名气和流行度。HTML常常会给...
html5 FileReader 实现上传图片预览功能
Html 部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"&...
JS常用快捷键操作代码
JS快捷键操作代码： document.onkeydown=function(event){ var e = event || window.event || argum...
如何去除HTML5的input在type="number"时上下小箭头
在chrome下： input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ &...
CSS实现背景透明，文字不透明（兼容各浏览器）
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜fi...