ie7下z-index失效问题解决方法(详细分析) 绝对定位元素的“有定位属性(relative或absolute)的父元素”在渲染层次时起到了主要作用,前面的被后面的覆盖了。解决办法就是给有定位属性的父元素设置z-index 解决办法: 父级元素加上position:relative;并设置z-index属性。父级元素的z-index优先,其中包含的元素的z-index是相对于父级元素的index。 <div style="po... Web前端开发 / 2015-05-07 / 28538次阅读
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 / 4189次阅读
轻量级响应式jQuery图片灯箱插件jQuery-Rebox jQuery-Rebox是一个简单的、轻量级的、响应和移动友好的jQuery 灯箱插件。 下载:https://github.com/trentrichardson/jQuery-Rebox 例子 单一的初始化 创建一个单一的lightbox,分别在每个图片: $('#gallery1 a').rebox(); 画廊初始化 创建一个画廊风格... Web前端开发 / 2015-04-18 / 4197次阅读
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 / 4662次阅读
轻量级功能强大的jquery弹窗插件SimpleModal SimpleModal是一款提供功能强大的弹出模拟对话框jQuery插件,也就是一款jquery弹窗插件,该插件使用简单,操作容易,窗体API定义丰富。 插件官方页面:http://www.ericmmartin.com/projects/simplemodal/ 插件演示地址:http://www.ericmmartin.com/projects/simplemodal-demos/ 插件... Web前端开发 / 2015-04-15 / 7661次阅读
网页设计Icon-font字体图标制作详解 大家可能在网上看过很多关于矢量图标制作的教程,而且大多是技术同学分享的技术贴。整个过程也相对比较简单。在这里我们将深入地向大家讲述字体图标制作的 规范流程和注意事项,很多内容是现在网上没有的,纯粹是阿里妈妈MUX这两年摸索出来的。阿里妈妈MUX在国内首家推出了在线生成字体图标平台,省去了设计师不太擅长的字体制作过程,所以在本教程中我们就不再详细介绍如何使用字体制作工具制作字体图标的过程,更多的是介绍如何在AI工具中制作一个规范的... Web前端开发 / 2015-04-12 / 4503次阅读
实用分享:网页设计Icon-font图标字体的四类制作方法 FontAwesome经历了两年的进化,如今已成为不少工具性应用开发者的首选。但FontAwesome的图标毕竟有限,在某些特定的情景 中,FontAwesome的字体并不能准确地传达合适的意义。为自己的Web App定制icon-font字体在某些时候就变成了一种需要。 因为想为公司的产品定制一套icon-font,把曾经那些不易改变不易调校大小颜色的图片改成图标字体,经过搜索和试用,发现icon-font大致有四... Web前端开发 / 2015-04-11 / 4469次阅读
jQuery动画效果animate滚动到指定页面ID的位置 CSS属性值是逐渐改变的,这样就可以创建动画效果。因此只有数字值可创建动画,比如margin:30px 而字符串值无法创建动画,比如background-color:red 要实现animate滚动到页面指定id的位置,就要获取ID的数字值,也就是距离顶部的距离,再通过animate的scrollTop滚动 $(document).ready(function($){ $('#comt').click(f... Web前端开发 / 2015-04-01 / 5017次阅读
解决使用$.JSON,$.Ajax等返回数据windows.open()跳转浏览器拦截的方法 window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,不过一般用来的是打开新窗口,因为修改原来的网页地址,可以使用window.location,可以重定向网页地址,使网页跳转到另一个页面。 但是一般情况下,如果直接在js中调用window.open()函数去打开一个新窗口,浏览器会对弹出的窗口进行拦截,因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体,如果不想让浏览器... Web前端开发 / 2015-03-31 / 5933次阅读
解决JQuery resize()在IE浏览器(IE6/IE7/IE8)中执行多次/重复执行的方法 通过jquery的resize()函数给网页添加随窗口变化的动态效果,在IE8中测试发现resize()函数外的其它动态效果会重复执行两次,百度发现,在IE6、IE7、IE8浏览器下,jquery resize()函数会执行多次,分别是IE7 触发3次,IE8 触发2次,IE9 触发1次,解决方法是添加老外针对该问题制作的一个jquery插件即可。 插件页面:http://benalman.com/projects/j... Web前端开发 / 2015-03-21 / 6547次阅读
jQuery实现随窗口大小变化的自适应高度元素 代码如下: /* 将具有 autoheight 属性的 div 元素设置为自动高度 用法:给需要的 div 元素添加 autoheight 属性,如:<div autoheight> ... </div> 可以修改选择符,如写为 ".autoheight" 或是其它的以匹配需要的元素。 */ $(function () { var _jahDivs = $... Web前端开发 / 2015-03-18 / 6745次阅读
jQuery让页面随着窗口大小变化自动加减宽度? 例子 CSS代码: .div1{height:100%;margin:0 auto;border-left:5px solid #F00;border-right:5px solid #F00;} jQuery代码: $(function(){ $(".div1").css({ height:$(window).height() }); $(wind... Web前端开发 / 2015-03-18 / 5856次阅读