下面的代码需要flvplayer.swf文件，下载地址在文章内容后面，HTML代码如下： <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"> <param name="movie" value="flvplayer.swf?vcastr_file=f.flv"> <par...
微软的最新浏览器IE8及以下IE版本对HTML5标签的支持是有限的，我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题。 让IE（包括IE6）支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement_x声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也不会存在http请求。 ＜!–[if IE]> ＜script src=”http://html5shiv.googlecode.com/svn/tru...
支持IE浏览器和其他浏览器 1、首先定义两个link，当然你也可以是一个，第二个是要更改的css <link rel="stylesheet" type="text/css" href="main.css" /> <link id="size-stylesheet" rel="stylesheet" type="text/css" href="narrow.css" /> 2、下面的JavaScript代码将根据不同的浏览器大小，更改css function adjustStyle(width) ...
最小宽度： .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 */ _width:expression(document.body.clientWidth > 600 ? "600px" : "auto"); ...
HTML代码是使用ul li的布局。代码如下： <script type="text/javascript"> $(document)ready.(function(){ $("li:odd").css("background-color","#f7f7f7"); }); </script> 值得注意的是，even是偶数，odd是奇数，排序是从0开始而非1开始的。
$(document).height() //是获取整个页面的高度 $(window).height() //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变，与document是不一样的 要获取顶端，只需要获取到scrollTop()==0的时候就是顶端； 要获取底端，只要获取scrollTop()>=$(document).height()-$(window).height() 就可以知道已经滚动到底端了； $(document).scrollTop() 获取垂直滚动的距离 ...
这个javascript做的效果最早在sina看到，这里把这个效果封装好方便使用。纯js仿照常见的图片变换flash做的效果，但是滤镜变换只对应ie有效，firefox浏览器只能看到一般的切换效果。 程序说明： 图片未开始转换时，由于没有图片会显示一个红x，所以隐藏图片： this._img.style.visibility = "hidden"; ps：以前我用this._img.src = "javascript:void(0);";但这个在ie8会出错。 这个变换效果需要滤镜，所以只支持ie。要使用变换...
特效效果看图片： 代码下载地址：http://pan.baidu.com/s/1vh7kd
IE6不支持min-height的解决办法有两种解决方案。 方法一：利用IE6不识别!important来实现 height:auto!important; height:500px; min-height:500px; 方法二：必须保证#test以外的都要是overflow:visible。否则还是不会显示超出。 min-height:100px; background:#BBB; _height:100px; overflow: visible;
jQuery Tools 是基于 jQuery 开发的网站界面库，包含网站最常用的Tabs（选项卡）、Tooltip（信息提示）、Overlay（遮罩、弹窗）、Scrollable（滚动控制）、Form Validator（表单验证）、Rangeinput（范围选择）、Dateinput（日期选择）等众多功能。jQuery Tools 提供了高自定义的API接口，能够帮助开发者非常容易的实现所需要的功能，带给用户更佳的使用体验。 相比 jQuery UI，jQuery Tools 提供了作为网站应用更需要使用的功能，jQuery Tools 提供的功能分为三部分，分别是 UI...
页面容器（#wrap）与页面头部（#header ）为width:100%宽度，内容的容器（#page）为固定宽度width:960px时，浏览窗口缩小而小于内容层宽度时会产生宽度理解上的差异。 拖动水平滚动条，右边的背景不存在了，出现bug的样子。 问题的根本在于：当窗口缩小时，浏览器默认100%宽度为浏览器窗口的宽度。而忽略了下部内容层固定宽度(960px)。从而出现了固定宽度大于100%宽度的现象。浏览以此理解来解析页面，就出现了容器宽度理解上的差异，出现了一个非常奇特的BUG。 问题的解决方法：既然是宽度理解上的差异...
alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器当前窗口可视区域宽度 ...