如果把 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...
所谓“图片的预加载”就是指：正常情况下，点击一张比较大的图片，那图片会像‘瀑布’一样慢慢载入到页面，而预加载的效果，就是点击后图片，先进行预加载 （此刻你可以设置一个简单的Loading等待样式），然后等图片加载完毕后，在一次性将图片显示出来，不会有‘瀑布状’的效果，提高用户体验。 插件简介 jQuery imgpreload插件允许你预载图像之前和/或之后DOM加载。 插件选项 以下是由图像预加载插件提供的选项，你可以在全局范围内改变或重写默认通过设置对象的imgpreload方法。 $.fn.imgpreload.defau...
ios safari浏览器中，type="button"、type="submit"按钮会显示为圆角样式，要去掉圆角样式，通过给对应的CSS添加 -webkit-appearance:none; 就能解决。 示例： HTML代码： <input type ="button" class ="btn" /> CSS代码： input .btn { display : inline-block ; height : 30px ; line-height : 30px ; bord...
两种方式： 1、代码中定义 <script id="container" name="content" type="text/plain">这里写你的初始化内容</script> <script type="text/javascript"> var editor = UE.getEditor('container',{ //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个 toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','bold','t...