jQuery适合移动设备触摸屏的响应式幻灯片插件 flickity是一款响应式、适用于移动设备触摸屏、可滑动显示的jQuery幻灯片插件。该幻灯片插件可以设置多种显示效果,可以自动播放,是一款移动优先的jQuery幻灯片插件。 安装方法:可以通过Bower或npm来安装: Bower: bower install flickity --save npm: npm install flickity --save 使用方法: 要使用该幻... Web前端开发 / 2016-05-31 / 5255次阅读
css取消Safari浏览器链接点击颜色变灰-webkit-tap-highlight-color 给可点击的元素添加代码: -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。 该属性的作用是:当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。... Web前端开发 / 2016-05-30 / 6805次阅读
禁止浏览器右键查看元素或F12审查元素并关闭页面 为了仿止别人仿制或扒下自己的网页,很多网站选择使用禁止浏览器右键查看元素或F12审查元素,一旦查看元素浏览器页面就会自动关闭,javascript实现代码: <script type="text/javascript"> function fuckyou(){ window.close(); //关闭当前窗口(防抽) window.location="about:blank"; //将当前窗口跳转置空白页... Web前端开发 / 2016-05-29 / 13074次阅读
Pjax局部无刷新技术教程 整合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的... Web前端开发 / 2016-04-26 / 4516次阅读
masonry+imagesloaded+infinitescroll三大jQuery插件实现瀑布流无限加载 瀑布流已经是几乎过时的技术了,不过对于很多想要快速实现它的朋友而言,却绝非易事,因为即使我们已经有很多现成的代码,却发现在自己的开发环境中 无法快速得到自己想要的结果。就像我们现在要介绍的三大利器(masonry+imagesloaded+infinitescroll)即使它们是如此 有效,却在马上要使用的时候让我们拿着如烫手山芋班很难真正达到我们想要的效果。 下面,我们从其原理来讲解它们的使用,以帮助你更好的发挥... Web前端开发 / 2016-04-25 / 5036次阅读
jQuery lightBox 灯箱效果插件 版本: 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.... Web前端开发 / 2016-04-18 / 4625次阅读
jQuery 瀑布流布局插件 Masonry.js 参数介绍 jQuery Masonry是一个构建瀑布流布局的一个jQuery插件,通过它可以轻松使页面元素通过绝对定位实现瀑布流布局,以下是参数介绍: $('#wrapper').masonry({ singleMode: false, // 禁用测量每个浮动元素的宽度。 // 如果浮动元素具有相同的宽度,设置为true。 // 默认: false columnWidth: 240, // 1列网格的... Web前端开发 / 2016-04-03 / 4110次阅读
jQuery响应式按比例生成图片缩略图插件jqthumb jqthumb是一款实用的响应式按比例生成图片缩略图的jQuery插件。jqthumb可以按照用户设定的比例、尺寸、位置等属性来生成新的缩略图,该插件可以通过计算来在老浏览器上生成响应式效果。 ,在老的浏览器中它能够替代background-size属性。 jqthumb兼容性超强,可以工作在所有现代浏览器甚至是IE6+上,jQuery 1.3以上版本即可运行。它还可以在Zepto(通过zepto-da... Web前端开发 / 2016-02-01 / 5339次阅读
使用jQuery.imgpreload.js插件实现预加载图片提高用户体验 所谓“图片的预加载”就是指:正常情况下,点击一张比较大的图片,那图片会像‘瀑布’一样慢慢载入到页面,而预加载的效果,就是点击后图片,先进行预加载 (此刻你可以设置一个简单的Loading等待样式),然后等图片加载完毕后,在一次性将图片显示出来,不会有‘瀑布状’的效果,提高用户体验。 插件简介 jQuery imgpreload插件允许你预载图像之前和/或之后DOM加载。 插件选项... Web前端开发 / 2016-01-23 / 8473次阅读
解决苹果ios设备 safari浏览器中按钮圆角问题 ios safari浏览器中,type="button"、type="submit"按钮会显示为圆角样式,要去掉圆角样式,通过给对应的CSS添加 -webkit-appearance:none; 就能解决。 示例: HTML代码: <input type ="button" class ="btn" /> CSS代码: input .btn { d... Web前端开发 / 2016-01-03 / 5068次阅读
百度编辑器UEditor配置toolbars工具条功能按钮 两种方式: 1、代码中定义 <script id="container" name="content" type="text/plain">这里写你的初始化内容</script> <script type="text/javascript"> var editor = UE.getEditor('container',{ //这里可以选择自己需要的工... Web前端开发 / 2015-11-03 / 4382次阅读
php判断安卓、苹果设备的代码 有时编写php网站的东西时,需要判断访问访问的设备是苹果设备还是安卓设备,从而显示不同的东西给访客,下面是实现的php代码: <?php $userAgent = $_SERVER['HTTP_USER_AGENT']; if(strpos($userAgent,"iPhone") || strpos($userAgent,"iPad") || strpos($userAgent,"iPod")){ e... Web前端开发 / 2015-10-27 / 3779次阅读