jQuery实现页脚永远固定在页面底部
[ 2016/05/01, 5097阅, 0评 ]
使用下面的jQuery代码,可以轻松的帮我们实现页脚永远固定在页面底部(即页脚永远固定在页面的底部,而非永远固定在浏览器窗口的底部,换句话说,就说当页面主内容没有显示屏幕高时,页脚固定在显示器屏幕的底部,但当页面内容超过显示器屏幕高度时,页脚又会跟随内容往下沉,但页脚都永远固定在页的底部),使用这种方法有几个地方需要注意: 1. 确保正常引入了jQuery版本库,并正常调入了上面那段jQuery代码; 2. 确保<div id=”footer”>是在body中最后; 3. 确保在html,body中没有设置高度为100%。 优点: ...
随着用户点击导航或菜单上不同的页面,出现此选项高亮显示或变为一个新的样式是经常用到的。实现它所用的原理就是通过js中的location.href得到当前页面的地址,然后在与导航上的链接地址匹对,相同的就用一个css样式标记。此方法支持动态链接和静态链接多种形式。 <script type="text/javascript"> var urlstr = location.href; //alert((urlstr + '/').indexOf($(this).attr('href'))); var urlstatus=false; $("...
jQuery放大镜插件jqzoom.js
[ 2016/04/17, 4234阅, 0评 ]
效果如上图 在线演示 打包下载:jqzoom放大镜.rar
在线PDF预览插件PDFObject.js
[ 2016/04/17, 17532阅, 1评 ]
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代码的我来说...
前端常用正则式整理
[ 2015/10/29, 2983阅, 2评 ]
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、...
js判断浏览器/iOS/Android/手机移动端等
[ 2015/07/04, 2997阅, 0评 ]
通过判断浏览器的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和respond.js
[ 2015/07/04, 2962阅, 0评 ]
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实现网页繁体简体转换
[ 2015/06/30, 2984阅, 0评 ]
网页简繁体转换,本js用于客户在网站页面选择繁体中文或简体中文显示,默认是正常显示,即简繁体同时显示,在用户第一次访问网页时,会自动检测客户端语言进行操作并提示.此功能可关闭,本程序只在UTF8编码下测试过,不保证其他编码有效。 js代码: //s = simplified 简体中文 t = traditional 繁体中文 n = normal 正常显示 var zh_default = 'n'; //默认语言,请不要改变 var zh_choose = 'n'; //当前选择 var zh_expires = 7; //cookie过期天数 var z...