问题 众所周知，移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容，这就是臭名昭著的滚动穿透问题 之前搜索了一圈，找到下面两种方案 css 之 overflow: hidden SCSS .mo...
CSS实现单行、多行文本溢出显示省略号
单行：overflow: hidden; text-overflow:ellipsis; white-space: nowrap;多行：display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;多行及渐变：p{position: re...
多行滚动jQuery循环新闻列表代码
[ypbtn]http://pan.baidu.com/s/1i3KHLE9[/ypbtn]密码: yxnl
常用字体图标网址
位图图标库http://www.easyicon.net/http://www.iconpng.com/ 淘宝矢量图标库，首页就有图标制作及使用教程http://www.iconfont.cn/ 国外的一个矢量图标库http://fontello.com/
取消手机a响应区域的解决办法
取消手机a响应区域的解决办法a,input,button,select,textarea { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
移动前端头部标签(HTML5 head meta)
移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。<!DOCTYPE html> <!– 使用 HTML5 doctype，不区分大小...
jquery下拉菜单
<script type=”text/javascript”> $(document).ready(function(){ // 导航点击切换 $(“.nav_list li”).click(function(){ $(this).addClass(“current”).siblings().removeClass(“current”); }); // ...
小米官网鼠标经过特效
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>小米官网鼠标经过特效</title> <script type=”text/javascript” src=”http://apps.bdimg....
检查是否为移动手机号js
function chkLocalNumber(value) { var mobile13 = /^13[4-9]\d{8}$/; var mobile15 = /^15[012789]\d{8}$/; var mobile14 = /^14[7]\d{8}$/; var mobile17 = /^17[0-9]\d{8}$/; ...