xjinza的专栏

原创 iframe自适应高度（3）

转载 iframe自适应高度(2)

function SetCwinHeight() { var iframeid = document.getElementById("center"); //iframe id iframeid.height = "0px";//先给一个够小的初值,然后再长高. if (document.getElementById) {  if (iframeid && !window.oper

转载 iframe自适应高度详解(1)

这贴比较长，没有耐性的朋友请直接拖到帖子末尾的代码示例Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html下面开始讲：通过Google搜索iframe 自适应高度，结果5W多条，搜索iframe 高度自适应，结果2W多条。我翻了前面的几十条，刨去大量的转载，有那么三五篇是原创的。而这几篇原创里面，基本上

原创 css 三角形

border-width:5px; border-style:solid;border-color:#793A5A #FABFE8 #FABFE8 #FABFE8

转载 css中!important的作用

这一行末使用important 这一行使用了important　　例二中，CSS代码第一行设定了box里面所有div中字体色为红色，第二行和第三行都用class重新定义了自身div的字体色为蓝色，不同的是，第二行末使用important，而第三行使用了！　　默认情况下，class的优先级小于id，所以，第二行中即使用class重定义了自身样式，也无法生效，所以继承

原创 css背景透明 字体不透明

opacity会使所有的子元素都变成透明的，通过RGBa，我们可以将一个元素设置为透明，而不会影响其子元素现在用rgba可以很好的解决这个问题。主要是container里面的background:rgba(0,0,0,0.4)这个0.4就是透明度。可以声明一个保留色彩。这个色彩应该是可靠的——所有的浏览器都支持,但IE不支持rgba，IE可以用平常的filter:alpha（opa

转载 iframe高度自适应

onload="this.height=this.contentWindow.document.documentElement.scrollHeight"

转载 jQuery中bind函数绑定多个事件

jQuery中bind函数绑定多个事件在jQuery中绑定多个事件名称是，使用空格隔开，举例如下：$('#foo').bind('mouseenter mouseleave', function() { $(this).toggleClass('entered');});在1.4版本以后，也可以如下绑定$('#foo').bind({ click: function() {

原创 css 名称过长自动显示省略号

.title {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 300px;}

转载 再谈 document.documentElement 与 document.body 的 scrollWidth、offsetWidth、clientWidth

（scrollHeight、offsetHeight、clientHeight 同样可按本文去理解。）这是一个很复杂的问题，让我们想像一下：document.documentElement.scrollWidthdocument.documentElement.offsetWidthdocument.documentElement.clientWidthdocume

转载 css之自动换行

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义css#wr

转载 ie6支持position:fixed之js方法:

ie6支持position:fixed之js方法* { padding:0; margin:0;}body{font-size:14px;line-height:30px;}* html{background-image:url(about:blank)}/*防止在ie6下闪动*/.fixed {position:fixed;top:20px;left:20px;width:200px

转载 完美解决CSS中position为fixed在IE6下无效的bug

完美解决CSS中position为fixed在IE6下无效的bug众所周知IE6不支持CSS属性position:fixed，这个CSS bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。如何让position:fixed在IE6中工作？第一种方法：纯CSS解决IE6的position：fixed的bughtml {    _bac

原创 显示毫秒的时钟

var t function startTime(e) { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() var ms=today.getMilliseconds() // add a zero in front o