网页制作css技巧之zoom:1;作用

zoom这个特性是IE特有的属性。 zoom:1;一般是拿来解决IE6的子元素浮动时候父元素不随着自动扩大的问题,功能相当于overflow:auto,同样也可以用height:1%来代替zoom:1。 所以一般要在浮动元素的父元素加上overflow:auto;zoom:1; 。这样,子元素浮动,父元素再也不会不自动跟子元素扩大了。 PS:一直认为IE6应该从广大网民的电脑中删除或升级了,作为...
Web前端开发 / / 5857次阅读

HTML5+CSS3实现响应式导航菜单

不使用JavaScript来实现响应式菜单。它完全使用整洁和语义化的HTML5标记,而且菜单可以居左、居中和居右对齐,它也包含一个指示器来显示当前激活的菜单项。菜单可以在hover时展开,触屏手机如果点击的话会变成链接跳转,需要用手拨动才是正常的,关闭的话即点击其它地方。 演示地址:http://webdesignerwall.com/demo/responsive-menu/ HTML代码 &l...
Web前端开发 / / 12810次阅读
HTML5+CSS3实现响应式导航菜单

javascript实现瀑布流布局实践思路教程

淘宝有部分页面中使用了瀑布流布局,淘宝的kissy框架加入了这种布局的插件,详细可以查看相关的API函数,在淘宝UED的博客中乔花写了有关瀑布流布局的文章。下面是用JQ框架实现瀑布流布局的实现思路。 1、设置一些全局变量,通过全局变量然后初始化页面,保存临时数据在变量中。初始化一些数据,计算宽度等值。 function water(opts) { this.container=opts.container...
Web前端开发 / / 6384次阅读

jquery获取一个元素的HTML代码html()或文本值text()

作用:显示指定原属的HTML代码或文本 html()方法从指定元素中的第一个元素中获取HTML内容,它以字符串形式返回HTML内容;不仅显示文本,还连同文本一起显示标记(这里所说的显示标记,是指要显示标记的子标记,并不包含父标记)。 $('p').html(); text()方法可以用于XML文档和HTML文档,而html()只能用于HTML文档; $('p').text(); 改变DOM节点的...
Web前端开发 / / 8358次阅读

网页播放flv文件的HTML代码

下面的代码需要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">...
Web前端开发 / / 7792次阅读

调用html5.js实现IE(包括IE6)支持HTML5元素

微软的最新浏览器IE8及以下IE版本对HTML5标签的支持是有限的,我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题。 让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement_x声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在h...
Web前端开发 / / 5807次阅读

jquery 判断滚动条到达了底部和判断滚动条到达顶端

$(document).height()  //是获取整个页面的高度 $(window).height()  //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的 要获取顶端,只需要获取到scrollTop()==0的时候就是顶端; 要获取底端,只要获取scrollTop()>=$(document).height()...
Web前端开发 / / 6156次阅读