07 2013 档案
关于ie6、ie7折行问题(li用了float)
摘要:HTML结构及CSS样式如下:li {float:left; margin-right:10px; } 文本1 文本2 文本3这个时候,在ie6、ie7中文字很可能出现断行(暂没发现其他浏览器出现这个问题)解决问题方法: 1)如果文本中没有空格,用word-break属性的keep-all参数可解决这个问题,2)如果文本中有空格,用white-space属性的nowrap 参数可解决问题。细节解释:1. 在CSS中关于换行的属于有两个分别是word-break以及white-space,其中word-break是IE的专有属性,由于这个折行... 阅读全文
posted @ 2013-07-15 11:54 李东振 阅读(314) 评论(0) 推荐(0)
CSS设置图片居中的方法
摘要:如果是应用了表格,那么设置单元格为align="center"就可以使其中的一切内容居中。如果没有应用表格要想设置图片居中就有点困难了。困难来自不按"常规出牌"的浏览器。按照CSS标准,只要设置了图片容器的CSS属性为 display:table-cell;vertical-align:middle;text-align:center;就可以使图片居中了。这个方法在Firefox Chrome Opera Safari都生效,因为它们是标准浏览器。而在IE中就是不行,IE它最牛了。以下是通过IE hack解决这个问题的方法: 阅读全文
posted @ 2013-07-11 17:30 李东振 阅读(420) 评论(0) 推荐(0)
setTimeout和setInterval的使用
摘要:这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景。方 法实际上,setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。虽然表面上看来setTimeout只能应用在on-off方式的动作上,不过可以通过创建一个函数循环重复调用setTimeout,以实现重复的操作:Fi 阅读全文
posted @ 2013-07-10 14:03 李东振 阅读(205) 评论(0) 推荐(0)
js冒泡事件
摘要:JavaSciprt事件中有两个很重要的特性:事件冒泡以及目标元素。事件冒泡: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这 一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素,在我们的这个例子中也就是按钮,并且它在我们的元素对象中以属性的形 式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上,等待一个事件从它的子级元素里冒泡上来,并且可以很方便地得知这个事件是从哪个元素开始 的。事件的冒泡和捕获捕获是从上级元素到下级元素,冒泡是从下级元素到上级 阅读全文
posted @ 2013-07-02 11:00 李东振 阅读(376) 评论(0) 推荐(0)