imgCentering 是一款可以让图片在div居中和实现弹出层的图片jQuery插件，可在一组图片中查看前一张和后一张进行切换的图片相册查看效果，且具有不错的动画效果。 使用教程： 1、引用文件： <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="js/imgcentering.js"></script> 2、HTML代码结构： &l...
bxSlider 是一款免费的 jQuery Slider 的插件，它可以实现 内容和图片幻灯片滚动效果，支持响应式，自适应各种尺寸的屏幕，桌面和手机等各种设备都能完美适应。 bxSlider 详细功能 完全响应式：支持所有设备。 支持水平，垂直和淡入淡出等模式。 支持图片，视频和 HTML 内容等幻灯片。 内置支持触摸和滑动等高级操作。 使用 CSS transitions 来实现幻灯片动画（原生硬件加速）。 完整的回调 API 和接口。 ...
jqfancytransitions是一款易于使用的显示照片过渡效果的jQuery幻灯片插件，兼容Safari 2 +、Internet Explorer 6 +、Firefox 2 +、3 + 9 +谷歌浏览器等。 使用方法 调用插件js文件： <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jqFancyTransitions.js" type="text/javascript"></script&g...
如果把 overflow:hidden 用在 body 标签，移动端浏览器依然能滚动，因为移动端是基于touch事件，解决方法有两个。 方法一： 将要隐藏滚动的内容加上一个包裹层div，然后给这个div设置高度为window.height()，并且 overflow:hidden 就可以解决你的问题。 方法二： 给 body 添加 position:fixed; 示例： body { overflow:hidden; position:fixed; left:0; top:0; }
flickity是一款响应式、适用于移动设备触摸屏、可滑动显示的jQuery幻灯片插件。该幻灯片插件可以设置多种显示效果，可以自动播放，是一款移动优先的jQuery幻灯片插件。 安装方法：可以通过Bower或npm来安装： Bower: bower install flickity --save npm: npm install flickity --save 使用方法： 要使用该幻灯片插件首先要在页面中引入 flickity.pkgd.js 和 flickity.css 文件。 <link rel="stylesheet" h...
给可点击的元素添加代码： -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。 该属性的作用是：当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。 该属性可以只设置透明度，如果未设置透明度，iOS Safari使用默认的透明度；当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。 ...
为了仿止别人仿制或扒下自己的网页，很多网站选择使用禁止浏览器右键查看元素或F12审查元素，一旦查看元素浏览器页面就会自动关闭，javascript实现代码： <script type="text/javascript"> function fuckyou(){ window.close(); //关闭当前窗口(防抽) window.location="about:blank"; //将当前窗口跳转置空白页 } function ck() { console.profile(); console.profileEnd(); //我们判断一下profi...
整合pjax的准备工作 检查你的网站是否引入1.7.0版本以上的jquery.js，如果没有请全局引入 //新浪CDN提速（或以下载到本地引入）： <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"></script> 1.7.0版本以上的才有pushState的封装。 开始整合Pjax： 1.下载pjax.js，百度网盘：http://pan.baidu.com/s/1dF9E1w9； ...
瀑布流已经是几乎过时的技术了，不过对于很多想要快速实现它的朋友而言，却绝非易事，因为即使我们已经有很多现成的代码，却发现在自己的开发环境中 无法快速得到自己想要的结果。就像我们现在要介绍的三大利器（masonry+imagesloaded+infinitescroll）即使它们是如此 有效，却在马上要使用的时候让我们拿着如烫手山芋班很难真正达到我们想要的效果。 下面，我们从其原理来讲解它们的使用，以帮助你更好的发挥它的功效。但为了快速实现，我们不讲解它们的全部内容。 1. 合理的HTML布局是问题的基本 <div id="container"&g...
版本： jQuery v1.2.3+ jQuery lightBox v0.5 下载jQuery.lightBox-0.5.zip 效果截图： 使用方法： 1、载入 CSS 文件 <link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css"/> 2、载入 JavaScript 文件（根据自己的存放位置修改路径） <script src="jquery.js">&l...
jQuery Masonry是一个构建瀑布流布局的一个jQuery插件，通过它可以轻松使页面元素通过绝对定位实现瀑布流布局，以下是参数介绍： $('#wrapper').masonry({ singleMode: false, // 禁用测量每个浮动元素的宽度。 // 如果浮动元素具有相同的宽度，设置为true。 // 默认： false columnWidth: 240, // 1列网格的宽度，单位为像素（px）。 // 默认： 第一个浮动元素外宽度。 itemSelector: '.box:visible', // 附加选择器，...
jqthumb是一款实用的响应式按比例生成图片缩略图的jQuery插件。jqthumb可以按照用户设定的比例、尺寸、位置等属性来生成新的缩略图，该插件可以通过计算来在老浏览器上生成响应式效果。 ，在老的浏览器中它能够替代background-size属性。 jqthumb兼容性超强，可以工作在所有现代浏览器甚至是IE6+上，jQuery 1.3以上版本即可运行。它还可以在Zepto（通过zepto-data插件）v1.1.3+上运行。 这个jquery插件可以帮助我们按比例生成图片缩略图。大家可能知道在处理缩略图的时候使用 background-s...