兼容IE6的css网页最小最大宽度和最小最大高度 最小宽度: .min_width{ min-width:300px; /*sets max-width for IE */ _width:expression(document.body.clientWidth < 300 ? "300px" : "auto"); } 最大宽度 .max_width{ max-width:600px; /*sets max-width for IE... Web前端开发 / 2014-01-03 / 5025次阅读
JQuery判断奇偶数(单双数)选择器实现隔行变色效果 HTML代码是使用ul li的布局。代码如下: <script type="text/javascript"> $(document)ready.(function(){ $("li:odd").css("background-color","#f7f7f7"); }); </script> 值得注意的是,even是偶数,odd是奇数,排序是从0开始而非1开始的。... Web前端开发 / 2013-12-27 / 13405次阅读
jquery 判断滚动条到达了底部和判断滚动条到达顶端 $(document).height() //是获取整个页面的高度 $(window).height() //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的 要获取顶端,只需要获取到scrollTop()==0的时候就是顶端; 要获取底端,只要获取scrollTop()>=$(document).height()... Web前端开发 / 2013-12-19 / 5382次阅读
JavaScript 图片变换效果封装 只支持IE浏览器 这个javascript做的效果最早在sina看到,这里把这个效果封装好方便使用。纯js仿照常见的图片变换flash做的效果,但是滤镜变换只对应ie有效,firefox浏览器只能看到一般的切换效果。 程序说明: 图片未开始转换时,由于没有图片会显示一个红x,所以隐藏图片: this._img.style.visibility = "hidden"; ps:以前我用this._img... Web前端开发 / 2013-12-19 / 4792次阅读
超级简单的网站滚动新闻jQuery文字跑马灯渐入渐出幻灯片效果 特效效果看图片: 代码下载地址:http://pan.baidu.com/s/1vh7kd... Web前端开发 / 2013-12-18 / 6322次阅读
IE6不支持min-height的解决办法 IE6不支持min-height的解决办法有两种解决方案。 方法一:利用IE6不识别!important来实现 height:auto!important; height:500px; min-height:500px; 方法二:必须保证#test以外的都要是overflow:visible。否则还是不会显示超出。 min-height:100px; back... Web前端开发 / 2013-12-17 / 4627次阅读
网页开发必备的jQuery UI库:Tabs、Tooltip、Overlay、Scrollable... jQuery Tools 是基于 jQuery 开发的网站界面库,包含网站最常用的Tabs(选项卡)、Tooltip(信息提示)、Overlay(遮罩、弹窗)、Scrollable(滚动控制)、Form Validator(表单验证)、Rangeinput(范围选择)、Dateinput(日期选择)等众多功能。jQuery Tools 提供了高自定义的API接口,能够帮助开发者非常容易的实现所需要的功能,带给用户更佳的使用体验。... Web前端开发 / 2013-12-14 / 6386次阅读
css div层width:100%缩小窗口时背景图片右边空白bug解决方法 页面容器(#wrap)与页面头部(#header )为width:100%宽度,内容的容器(#page)为固定宽度width:960px时,浏览窗口缩小而小于内容层宽度时会产生宽度理解上的差异。 拖动水平滚动条,右边的背景不存在了,出现bug的样子。 问题的根本在于:当窗口缩小时,浏览器默认100%宽度为浏览器窗口的宽度。而忽略了下部内容层固定宽度(960px)。从而出现了固定宽... Web前端开发 / 2013-12-06 / 7377次阅读
jquery中height()方法相关说明 alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高... Web前端开发 / 2013-11-04 / 4814次阅读
[网页或屏幕宽高]javascript中top、clientTop、scrollTop、offsetTop等的用法 js中常用宽度高度表达方式(详情见图): 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight&... Web前端开发 / 2013-11-03 / 5825次阅读
jQuery代码判断访客IE浏览器版本进行提示 <script type="text/javascript"> if( $.browser.msie && ( $.browser.version == '6.0' || $.browser.version == '7.0' ) ){ // 如果符合条件,弹出提示,升不升级是他们的选择,我觉得不需要强制。 alert("您的浏览器版本过低,请尽快升级,否则会影响网页性能和操作!"); // 如果... Web前端开发 / 2013-10-16 / 5851次阅读
jquery通过removeClass和addClass的简单用法代码改变字体大小 需要加载jQuery库 HTML代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head... Web前端开发 / 2013-10-15 / 5024次阅读