jQuery响应式按比例生成图片缩略图插件jqthumb

jqthumb是一款实用的响应式按比例生成图片缩略图的jQuery插件。jqthumb可以按照用户设定的比例、尺寸、位置等属性来生成新的缩略图,该插件可以通过计算来在老浏览器上生成响应式效果。 ,在老的浏览器中它能够替代background-size属性。 jqthumb兼容性超强,可以工作在所有现代浏览器甚至是IE6+上,jQuery 1.3以上版本即可运行。它还可以在Zepto(通过zepto-da...
Web前端开发 / / 5388次阅读
jQuery响应式按比例生成图片缩略图插件jqthumb

使用jQuery.imgpreload.js插件实现预加载图片提高用户体验

所谓“图片的预加载”就是指:正常情况下,点击一张比较大的图片,那图片会像‘瀑布’一样慢慢载入到页面,而预加载的效果,就是点击后图片,先进行预加载 (此刻你可以设置一个简单的Loading等待样式),然后等图片加载完毕后,在一次性将图片显示出来,不会有‘瀑布状’的效果,提高用户体验。 插件简介 jQuery imgpreload插件允许你预载图像之前和/或之后DOM加载。 插件选项...
Web前端开发 / / 8550次阅读

解决苹果ios设备 safari浏览器中按钮圆角问题

ios safari浏览器中,type="button"、type="submit"按钮会显示为圆角样式,要去掉圆角样式,通过给对应的CSS添加 -webkit-appearance:none; 就能解决。 示例: HTML代码: <input type ="button" class ="btn" /> CSS代码: input .btn { d...
Web前端开发 / / 5188次阅读
解决苹果ios设备 safari浏览器中按钮圆角问题

php判断安卓、苹果设备的代码

有时编写php网站的东西时,需要判断访问访问的设备是苹果设备还是安卓设备,从而显示不同的东西给访客,下面是实现的php代码: <?php $userAgent = $_SERVER['HTTP_USER_AGENT']; if(strpos($userAgent,"iPhone") || strpos($userAgent,"iPad") || strpos($userAgent,"iPod")){ e...
Web前端开发 / / 3837次阅读

pjax局部刷新,支持超链接、搜索表单、评论表单

pjax可以实现局部刷新,和ajax的区别是,pjax的局部刷新,浏览器地址栏的网址会变化。 这个jquery.pjax.min.js是国外大神写的jquery开源的pjax通用封装插件,此外网上很多以上封装的教程都没有加上form事件,这个代码还可以解决博客的搜索和评论问题。 引入文件: <script src="http://cdn.bootcss.com/jquery/1.11.1/j...
Web前端开发 / / 5063次阅读

js判断IE版本,禁止低版本IE浏览器代码

对于大多数程序员和美工设计人员来说,ie6,7漏洞颇多 ,兼容性问题不断,今天我们就来写一段javascript代码强制用户升级到IE高版本: var Sys = {}; var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject){ Sys.ie = ua.match(/msie ([\d.]+)/)[1]; if (Sys.ie...
Web前端开发 / / 5022次阅读

新浪微博、腾讯微博、QQ空间、人人网、豆瓣 一键分享API代码参数

新浪微博: http://service.weibo.com/share/share.php?url= count=表示是否显示当前页面被分享数量(1显示)(可选,允许为空) &url=将页面地址转成短域名,并显示在内容文字后面。(可选,允许为空) &appkey=用于发布微博的来源显示,为空则分享的内容来源会显示来自互联网。(可选,允许为空)...
Web前端开发 / / 4232次阅读

五张图 中间图片放大展示的jQuery图片滚动插件兼容IE6

五图并列,中间图片放大展示的jQuery图片滚动插件,点击产品图片,或者点击左右箭头,或者拖动顶部的滚动条,产品图片就会放大显示,并且可以左右滚动。产品图片下面即是产品的名称和简略的描述,有利于SEO。 使用方法: 1、在head引入下面的css代码: <style type="text/css"> *{margin:0;padding:0;list-style-t...
Web前端开发 / / 4599次阅读
五张图 中间图片放大展示的jQuery图片滚动插件兼容IE6

ie7下z-index失效问题解决方法(详细分析)

绝对定位元素的“有定位属性(relative或absolute)的父元素”在渲染层次时起到了主要作用,前面的被后面的覆盖了。解决办法就是给有定位属性的父元素设置z-index 解决办法:  父级元素加上position:relative;并设置z-index属性。父级元素的z-index优先,其中包含的元素的z-index是相对于父级元素的index。 <div style="po...
Web前端开发 / / 28460次阅读
ie7下z-index失效问题解决方法(详细分析)

轻量级响应式jQuery图片灯箱插件jQuery-Rebox

jQuery-Rebox是一个简单的、轻量级的、响应和移动友好的jQuery 灯箱插件。 下载:https://github.com/trentrichardson/jQuery-Rebox 例子 单一的初始化 创建一个单一的lightbox,分别在每个图片: $('#gallery1 a').rebox(); 画廊初始化 创建一个画廊风格...
Web前端开发 / / 4158次阅读
轻量级响应式jQuery图片灯箱插件jQuery-Rebox