所谓“图片的预加载”就是指：正常情况下，点击一张比较大的图片，那图片会像‘瀑布’一样慢慢载入到页面，而预加载的效果，就是点击后图片，先进行预加载 （此刻你可以设置一个简单的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;">...
jquery操作复选框的代码 $(":checkbox").click( function() { if($(":checkbox:checked").length > 3){ $(this).attr("checked",false); alert("对不起，每人最多能选3个"); } }); php+html混编的代码 <label><input type="checkbox" value="五大联赛" name="skills[]" <?php $isIn=in_array("五大联赛",$this->...
jQuery-Rebox是一个简单的、轻量级的、响应和移动友好的jQuery 灯箱插件。 演示：http://www.jq22.com/Demo511 下载：http://pan.baidu.com/s/1pJBjNxL 例子 单一的初始化 创建一个单一的lightbox,分别在每个图片： $('#gallery1 a').rebox(); 画廊初始化 创建一个画廊风格lightbox: $('#gallery2').rebox({ selector: 'a' }); 动...
常见的网站单行新闻公告上翻播放的效果。 jQuery代码： function b(){ t = parseInt(x.css('top')); y.css('top','19px'); x.animate({top: t - 19 + 'px'},'slow'); //19为每个li的高度 if(Math.abs(t) == h-19){ //19为每个li的高度 y.animate({top:'0px'},'slow'); z=x; x=y; y=z; } setTimeout(b,3000);//...