zoom这个特性是IE特有的属性。 zoom:1;一般是拿来解决IE6的子元素浮动时候父元素不随着自动扩大的问题，功能相当于overflow:auto，同样也可以用height:1%来代替zoom:1。 所以一般要在浮动元素的父元素加上overflow:auto；zoom:1; 。这样，子元素浮动，父元素再也不会不自动跟子元素扩大了。 PS：一直认为IE6应该从广大网民的电脑中删除或升级了，作为网页制作者，应该不再去为IE6、IE7这样的极品费脑筋，直接不兼容，让IE6用户不得不升级！
不使用JavaScript来实现响应式菜单。它完全使用整洁和语义化的HTML5标记，而且菜单可以居左、居中和居右对齐，它也包含一个指示器来显示当前激活的菜单项。菜单可以在hover时展开，触屏手机如果点击的话会变成链接跳转，需要用手拨动才是正常的，关闭的话即点击其它地方。 演示地址：http://webdesignerwall.com/demo/responsive-menu/ HTML代码 <nav class="nav"> <ul> <li class="current"><a hre...
HTML <nav> <ul> <li><a href="/">首页</a></li> <li><a href="/server.html">服务</a></li> <li><a href="/case.html">案例</a></li> <li><a href="/about.html">关于</a>&l...
A5站长网精美404页面源码下载： 下载地址：http://pan.baidu.com/s/1sjPMdNR
淘宝有部分页面中使用了瀑布流布局，淘宝的kissy框架加入了这种布局的插件，详细可以查看相关的API函数，在淘宝UED的博客中乔花写了有关瀑布流布局的文章。下面是用JQ框架实现瀑布流布局的实现思路。 1、设置一些全局变量，通过全局变量然后初始化页面，保存临时数据在变量中。初始化一些数据，计算宽度等值。 function water(opts) { this.container=opts.container;//容器 this.context=opts.context; this.elem=opts.elem;//元素 this.len=opts.le...
作用：显示指定原属的HTML代码或文本 html()方法从指定元素中的第一个元素中获取HTML内容，它以字符串形式返回HTML内容；不仅显示文本，还连同文本一起显示标记（这里所说的显示标记，是指要显示标记的子标记，并不包含父标记）。 $('p').html(); text()方法可以用于XML文档和HTML文档，而html()只能用于HTML文档； $('p').text(); 改变DOM节点的内容： .text(text);为指定元素设置指定的文本，并返回该元素作为新jQuery对象。 .html(html);类似于.text...
下面的代码需要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() 获取垂直滚动的距离 ...