又是一个IE莫名其妙的bug:IE下的iframe默认会有一个白色的背景,所以当iframe的外围背景并不是白色的时候,这个iframe就会显得非常的“与众不同”,但我们并不需要它如此的出风头。

这个背景是iframe本身的,不是iframe内的html元素的,所以,只对iframe进行相关设置就能去掉这个背景。

iframe有一个并不常用的属性:allowTransparency,意思是是否允许透明——蛋疼的是IE下好像默认是false,很多大网站的iframe上也没有加上这一条,所以这讨厌的白色背景经常会看到。继续阅读

示例代码如下:

.d1{color:#f00;}

<div id=”d1″class=”d1″>kljdslfkj</div>

此时使用JS的style获取他的color属性:

var d1=document.getElementById(‘d1’);

alert(d1.style.color);

奇怪的是,弹出一个空值,没有任何内容,也不报错。但如果用d1.style.color=”#00f”来设置d1的CSS却正确执行。继续阅读

自从使用了jquery.cycle.js,我觉得再也不用自己写javascript的图片切换效果了,因为一想到它,我就会有一种深深的无力感,就好像面对着一座翻不过去的大山…

吐槽完毕,如标题所诉,jquery.cycle.js是jquery的一个插件,主要用来实现千奇百怪的图片切换效果——当然,不是图片也能切换,只是它经常被用来做图片切换而已。

没使用过jQuery.Cycle.js的同学,可以点这里去摸摸底,看看有没有被震一下的感觉。

jquery.cycle.js能实现的切换效果非常复杂,相伴而来的就是它也有不简单的参数设置,不过我会给大家一一描述清楚的。继续阅读

这两天在写一个JS的网页右键菜单,在实现菜单定位的时候发现了这个问题:chrome居然不认识document.documentElement.scrollTop!

看前辈们的文章,纷纷表示如果有文档声明(即网页第一句的docType)的情况下,标准浏览器是只认识documentElement.scrollTop的,但chrome虽然我感觉比firefox还标准,但却不认识这个,在有文档声明时,chrome也只认识document.body.scrollTop.继续阅读

今天突然有兴趣研究一下javascript中scrollWidth,clientWidth,offsetWidth等的区别,但在firefox与IE中测试却发现了很大差距.在网上搜索了一下,发现大部分都是转载的同一篇文章,而这篇文章还是2007年的,当时firefox才1.0,IE5还活在世上….所以我觉得我现在有必要重写一篇文章了.

CSS代码

*{margin:0;padding:0;}
#wrap{width:480px;height:300px;background:#eee;padding:5px;border:5px solid #f00;margin-left:20px;overflow:auto;display:block;}

这段CSS代码中定义了元素的width,padding,margin,border,可以全面地测试这些属性与scrollWidth,clientWidth,offsetWidth之间的关系.继续阅读