pjax局部刷新,支持超链接、搜索表单、评论表单 pjax可以实现局部刷新,和ajax的区别是,pjax的局部刷新,浏览器地址栏的网址会变化。 这个jquery.pjax.min.js是国外大神写的jquery开源的pjax通用封装插件,此外网上很多以上封装的教程都没有加上form事件,这个代码还可以解决博客的搜索和评论问题。 引入文件: <script src="http://cdn.bootcss.com/jquery/1.11.1/j... Web前端开发 / 2015-09-30 / 5011次阅读
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前端开发 / 2015-05-26 / 4941次阅读
新浪微博、腾讯微博、QQ空间、人人网、豆瓣 一键分享API代码参数 新浪微博: http://service.weibo.com/share/share.php?url= count=表示是否显示当前页面被分享数量(1显示)(可选,允许为空) &url=将页面地址转成短域名,并显示在内容文字后面。(可选,允许为空) &appkey=用于发布微博的来源显示,为空则分享的内容来源会显示来自互联网。(可选,允许为空)... Web前端开发 / 2015-05-19 / 4148次阅读
五张图 中间图片放大展示的jQuery图片滚动插件兼容IE6 五图并列,中间图片放大展示的jQuery图片滚动插件,点击产品图片,或者点击左右箭头,或者拖动顶部的滚动条,产品图片就会放大显示,并且可以左右滚动。产品图片下面即是产品的名称和简略的描述,有利于SEO。 使用方法: 1、在head引入下面的css代码: <style type="text/css"> *{margin:0;padding:0;list-style-t... Web前端开发 / 2015-05-13 / 4511次阅读
ie7下z-index失效问题解决方法(详细分析) 绝对定位元素的“有定位属性(relative或absolute)的父元素”在渲染层次时起到了主要作用,前面的被后面的覆盖了。解决办法就是给有定位属性的父元素设置z-index 解决办法: 父级元素加上position:relative;并设置z-index属性。父级元素的z-index优先,其中包含的元素的z-index是相对于父级元素的index。 <div style="po... Web前端开发 / 2015-05-07 / 28315次阅读
php+jQuery限选复选框提交之后读取数据库复选框被选中 jquery操作复选框的代码 $(":checkbox").click( function() { if($(":checkbox:checked").length > 3){ $(this).attr("checked",false); alert("对不起,每人最多能选3个"); } }); php+html混编的代码 <label><input type=... Web前端开发 / 2015-04-29 / 4111次阅读
轻量级响应式jQuery图片灯箱插件jQuery-Rebox jQuery-Rebox是一个简单的、轻量级的、响应和移动友好的jQuery 灯箱插件。 下载:https://github.com/trentrichardson/jQuery-Rebox 例子 单一的初始化 创建一个单一的lightbox,分别在每个图片: $('#gallery1 a').rebox(); 画廊初始化 创建一个画廊风格... Web前端开发 / 2015-04-18 / 4096次阅读
jquery实现单行文字循环上翻滚动播报效果(新闻滚动效果) 常见的网站单行新闻公告上翻播放的效果。 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.... Web前端开发 / 2015-04-17 / 4545次阅读
轻量级功能强大的jquery弹窗插件SimpleModal SimpleModal是一款提供功能强大的弹出模拟对话框jQuery插件,也就是一款jquery弹窗插件,该插件使用简单,操作容易,窗体API定义丰富。 插件官方页面:http://www.ericmmartin.com/projects/simplemodal/ 插件演示地址:http://www.ericmmartin.com/projects/simplemodal-demos/ 插件... Web前端开发 / 2015-04-15 / 7556次阅读
网页设计Icon-font字体图标制作详解 大家可能在网上看过很多关于矢量图标制作的教程,而且大多是技术同学分享的技术贴。整个过程也相对比较简单。在这里我们将深入地向大家讲述字体图标制作的 规范流程和注意事项,很多内容是现在网上没有的,纯粹是阿里妈妈MUX这两年摸索出来的。阿里妈妈MUX在国内首家推出了在线生成字体图标平台,省去了设计师不太擅长的字体制作过程,所以在本教程中我们就不再详细介绍如何使用字体制作工具制作字体图标的过程,更多的是介绍如何在AI工具中制作一个规范的... Web前端开发 / 2015-04-12 / 4426次阅读
实用分享:网页设计Icon-font图标字体的四类制作方法 FontAwesome经历了两年的进化,如今已成为不少工具性应用开发者的首选。但FontAwesome的图标毕竟有限,在某些特定的情景 中,FontAwesome的字体并不能准确地传达合适的意义。为自己的Web App定制icon-font字体在某些时候就变成了一种需要。 因为想为公司的产品定制一套icon-font,把曾经那些不易改变不易调校大小颜色的图片改成图标字体,经过搜索和试用,发现icon-font大致有四... Web前端开发 / 2015-04-11 / 4386次阅读
jQuery动画效果animate滚动到指定页面ID的位置 CSS属性值是逐渐改变的,这样就可以创建动画效果。因此只有数字值可创建动画,比如margin:30px 而字符串值无法创建动画,比如background-color:red 要实现animate滚动到页面指定id的位置,就要获取ID的数字值,也就是距离顶部的距离,再通过animate的scrollTop滚动 $(document).ready(function($){ $('#comt').click(f... Web前端开发 / 2015-04-01 / 4939次阅读