菜单

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

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

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

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

网页播放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"> <param name="movie" value="flvplayer.swf?vcastr_file=f.flv"> <par...

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

微软的最新浏览器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...

jquery实现不同浏览器视窗大小的使用不同的css样式表

支持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) ...

兼容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 */ _width:expression(document.body.clientWidth > 600 ? "600px" : "auto"); ...

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

$(document).height()  //是获取整个页面的高度 $(window).height()  //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的 要获取顶端,只需要获取到scrollTop()==0的时候就是顶端; 要获取底端,只要获取scrollTop()>=$(document).height()-$(window).height()  就可以知道已经滚动到底端了; $(document).scrollTop() 获取垂直滚动的距离 ...

JavaScript 图片变换效果封装 只支持IE浏览器

JavaScript 图片变换效果封装 只支持IE浏览器

这个javascript做的效果最早在sina看到,这里把这个效果封装好方便使用。纯js仿照常见的图片变换flash做的效果,但是滤镜变换只对应ie有效,firefox浏览器只能看到一般的切换效果。 程序说明: 图片未开始转换时,由于没有图片会显示一个红x,所以隐藏图片: this._img.style.visibility = "hidden"; ps:以前我用this._img.src = "javascript:void(0);";但这个在ie8会出错。 这个变换效果需要滤镜,所以只支持ie。要使用变换...

IE6不支持min-height的解决办法

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;