版本： 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...
有时编写php网站的东西时，需要判断访问访问的设备是苹果设备还是安卓设备，从而显示不同的东西给访客，下面是实现的php代码： <?php $userAgent = $_SERVER['HTTP_USER_AGENT']; if(strpos($userAgent,"iPhone") || strpos($userAgent,"iPad") || strpos($userAgent,"iPod")){ echo '这是苹果公司的产品'; }else if(strpos($userAgent,"Android")){ echo '这是安卓系统产品'; ...
pjax可以实现局部刷新，和ajax的区别是，pjax的局部刷新，浏览器地址栏的网址会变化。 这个jquery.pjax.min.js是国外大神写的jquery开源的pjax通用封装插件，此外网上很多以上封装的教程都没有加上form事件，这个代码还可以解决博客的搜索和评论问题。 引入文件： <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/jquery....
对于大多数程序员和美工设计人员来说，ie6,7漏洞颇多 ，兼容性问题不断，今天我们就来写一段javascript代码强制用户升级到IE高版本： var Sys = {}; var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject){ Sys.ie = ua.match(/msie ([\d.]+)/)[1]; if (Sys.ie<=7){ alert('你目前的IE版本为'+Sys.ie+'版本太低，请升级！'); location.href="http://wind...
新浪微博： http://service.weibo.com/share/share.php?url= count=表示是否显示当前页面被分享数量(1显示)(可选，允许为空) &url=将页面地址转成短域名，并显示在内容文字后面。(可选，允许为空) &appkey=用于发布微博的来源显示，为空则分享的内容来源会显示来自互联网。(可选，允许为空) &title=分享时所示的文字内容，为空则自动抓取分享页面的title值(可选，允许为空) &pic=自定义...
五图并列，中间图片放大展示的jQuery图片滚动插件，点击产品图片，或者点击左右箭头，或者拖动顶部的滚动条，产品图片就会放大显示，并且可以左右滚动。产品图片下面即是产品的名称和简略的描述，有利于SEO。 使用方法： 1、在head引入下面的css代码： <style type="text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;text-decoration:none;} body{font:12px/180% Arial, He...
绝对定位元素的“有定位属性（relative或absolute）的父元素”在渲染层次时起到了主要作用，前面的被后面的覆盖了。解决办法就是给有定位属性的父元素设置z-index 解决办法： 父级元素加上position:relative;并设置z-index属性。父级元素的z-index优先，其中包含的元素的z-index是相对于父级元素的index。 <div style="position:relative;z-index:2;"> <p style="position:absolute;z-index:99;">...