前端 - 飘逸的风 - PHP|MySQL|JS|CSS技术分享

当前位置：分类前端下的文章

js输入框只能输入数字的方法

分享下js输入框中只能输入数字的方法，包括整数与小数，分享几个例子，有需要的朋友参考下。 1.使用正则表达式限制输入框只能输入数字： <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" onafterpaste="this.value=this.value.replace(/[^\...

2018-7-11 飘逸的风 0条评论 1013人围观标签: JS 阅读全文
JS移动客户端--触屏滑动事件

移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: ...

2018-6-4 飘逸的风 0条评论 1195人围观标签: JS 阅读全文
如何禁止百度手机搜索时对网页转码？

在网页<head></head>之间添加两端代码即可搞定。 <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> 网上查询的资料，百度和搜狗重新收...

2018-4-1 飘逸的风 2条评论 2238人围观标签: SEO搜索优化阅读全文
iPhoneX top:0出现的问题解决办法

前言 iPhoneX还没有正式开售，目前网上对其适配就引发了不少争论和吐槽。下面我就来谈谈ios11的WebView Viewport 及iPhoneX刘海想到的。 ios11的WebView Viewport 为了适应iPhoneX的刘海，ios11顶部状态栏做了更改，更改之后，我们在iphone8中，假如设置一个固定元素，top: 0。就会出现如下情况。解决...

2017-12-20 飘逸的风 0条评论 3590人围观标签: CSS iphoneX 阅读全文
css font-family常用的黑体宋体等字体中英文对照

在实现网页效果时，细节很重要，字体也不例外，CSS：font-family常用字体中英文对照如下：微软雅黑： Microsoft YaHei 宋体：SimSun 黑体：SimHei 仿宋： FangSong 楷体： KaiTi 隶书：LiSu ...

2017-12-7 飘逸的风 0条评论 1935人围观阅读全文
11个基础的HTML5动画工具

如今，在Web开发中最为流行的语言就是HTML5了，它帮助开发者将多样化的内容展现给用户。在过去两三年中，我们共同看到了HTML5的发展，它逐渐在网络的世界中积累了名气和流行度。HTML常常会给我们带来新的技术和特性，使得前端技术不断的发展强大。HTML5受到欢迎的原因也在于它给用户带来的极大便利，当前的大多数浏览器，如Chrome、Firefox、IE等都对它给予支持。 HTML5...

2017-9-12 飘逸的风 2条评论 2722人围观标签: HTML5动画阅读全文
html5 FileReader 实现上传图片预览功能

Html 部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <inp...

2016-12-4 飘逸的风 0条评论 2701人围观标签: 文件上传 html5 阅读全文
JS常用快捷键操作代码

JS快捷键操作代码： document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 } if(e &&...

2016-11-30 飘逸的风 0条评论 4346人围观标签: JS 快捷键阅读全文
如何去除HTML5的input在type="number"时上下小箭头

在chrome下： input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; } Firefox下： ...

2016-11-29 飘逸的风 0条评论 3371人围观标签: CSS html5 阅读全文
CSS实现背景透明，文字不透明（兼容各浏览器）

在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外）内设置position:relative才能不继承其父元素的透明滤镜，代码如下： <...

2016-8-25 飘逸的风 0条评论 2470人围观标签: CSS 阅读全文