效果如上图
在线演示
打包下载：jqzoom放大镜.rar
PDFObject.js，是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。
使用方法
只需要引用pdfobject.js，不需要额外的库
<script type="text/javascript" src="js/pdfobject.js"></script>
<script type="text/javascript">
window.onload = function (){
var myPDF = new PDFObject({ url: "sample.pdf"...
两天前听了一个H5的分享，会议上有一句话，非常有感触：不是你不能，而是你对自己的要求太低。
很简单的一句话，相信很多事情不是大家做不到，真的是对自己的要求太低，如果对自己要求多一点，那么你取得的进步可能会更大。成长以来，很多朋友也听说到
不少激励自己上进的话，但不是每个人都能一直坚持做下来，其实，这个跟自己的性格以及周围的环境都有很大关系，只能说多找方法、条件给自己鼓励，不断提高
对自己的要求，才有机会获得多一点的成就。
今年下半年打算在组内建个叫『移动开发指南』的站点，在网站框架搭建过程，有一个功能需要实现复制文本到剪贴板，相信这个功能很常用，但是对于不常写JS代码的我来说...
1、护照号码
/^1[45][0-9]{7}|G[0-9]{8}|P[0-9]{7}|S[0-9]{7,8}|D[0-9]+$/
因私普通护照号码格式有:14/15+7位数,G+8位数；因公普通的是:P.+7位数；公务的是：S.+7位数 或者 S+8位数,以D开头的是外交护照.D=diplomatic
2、手机号码
/^((1[3,5,8][0-9])|(14[5,7])|(16[6])|(17[0-9])|(19[8,9]))\d{8}$/
13*,145*,147*,15*,166*,17*,18*,198*,199*开头的手机号码
3、...
通过判断浏览器的userAgent，用正则来判断手机是否是iOS和Android客户端。
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
下面一个比较全面的浏览器检查函数，提供更多的检查内容，你可以检查是否是移动端Mobile、ipad、iphone、微信、QQ等。
...
html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。（html5shiv is an HTML5 JavaScript shim for IE to recognise and style the HTML5 elements）
respond.js：让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。（min/max-width media query polyfill）
由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5网站，故这两种方案还是需要的，...
网页简繁体转换，本js用于客户在网站页面选择繁体中文或简体中文显示，默认是正常显示，即简繁体同时显示，在用户第一次访问网页时,会自动检测客户端语言进行操作并提示.此功能可关闭，本程序只在UTF8编码下测试过，不保证其他编码有效。
js代码：
//s = simplified 简体中文 t = traditional 繁体中文 n = normal 正常显示
var zh_default = 'n'; //默认语言，请不要改变
var zh_choose = 'n'; //当前选择
var zh_expires = 7; //cookie过期天数
var z...
1、获取地址栏url参数方法
function getQueryString(field) {
let searchStr = window.location.search
if (!field || !searchStr) return null
let reg = new RegExp('(^|&)' + field + '=([^&]*)(&|$)')
let res = searchStr.substring(1).match(reg)
return res !== null ? decodeURIComponent(res[...
相关文章：移动端项目常用html头及css整理
SEO优化
页面关键词，每个网页应具有描述该网页内容的一组唯一的关键字。
使用人们可能会搜索，并准确描述网页上所提供信息的描述性和代表性关键字及短语。标记内容太短，则搜索引擎可能不会认为这些内容相关。另外标记不应超过 874 个字符。
<meta name="keywords" content="your tags" />
页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。
<meta name="description" content="150 words" />
...