摘要： 提出需求首页的轮播焦点图是个常见的需求。需求是这样子的1 每隔2秒切换一次图片2 切换图片的时候，会对应显示该图片的说明3 切换图片的时候，对应显示图片处于小按钮中的第几个，点击小按钮时跳到对应的大图4 自动滚动图片，鼠标放到图片区域时，停止滚动，移出时继续5 点击左右可以上下切换图片对于做一个图片... 阅读全文

摘要： 问题：有一个css文件，写一行样式后，会换行，空一行，再写另一个样式。现在需要把空的一行给去掉。尝试直接复制空行，但是aptana会把所有的换行都去了，变成了一个文件只有一行。尝试用正则，\r\t\n尝试了一下，在windows下，utf8格式，发现\n有效，但是同样会匹配到有文字一行的行尾尝试^\n，成功匹配需要的空行，然后全局替换为空。成功。 阅读全文

摘要： css的预处理越来越流行。sass，less，stylus这几个都使用方便。我想使用他的原因，暂时最主要是为了@import的功能。现在的问题：因为产品太多，是个页面，有10个css。而这10个css，公用的很多。这时候，通过@import的方式，可以调用各个css模块达到重复利用的目的。sass文件与css文件的同步问题 ：问题： 我在css同级，建立了sass目录。当修改sass时，自动会产生css文件。可是如果css文件被修改，那怎么同步到sass？答案： 因为，css是没法转成sass的，所以，这里只能通过sass—>css的转换。问题： 那如果有其他人修改了css文件，而我又修 阅读全文

摘要： ie6下不支持样式并联，如.a.c的样式，在ie6下会认为是 .c的样式案例代码如下解决方法，就是使用层级的 .a .c的方式，而不是并联的 .a.chttp://riyue.me/file/csstest/ie6parallel.html 阅读全文

摘要： BUG描述：页面中某div使用了position:relative，外部有元素overflow：auto/scroll。在FF和IE7下表现正常，但是在IE6中该div会随鼠标滚动而滚动。分析：这是IE6一个已知的BUG：当某position:relative元素外有overflow:auto/scroll属性的块级元素包含时，会表现出postion:absolute的行为。解决方法：外部元素添加属性position:relative。把该元素的position:relative属性去掉，使用默认的static定位，并通过margin-top等属性实现类似的效果。代码结构如下1 <ul 阅读全文

摘要： 如果有这么一个操作，我对一个dom元素mousedown了，然后mousemove到了其他地方。这个时候ie，chrome等不会有click发生。但是firefox还是触发了click事件这个特性会带来一个问题，就是点击了一个input时，一定会focus，但不一定会click。所以不要对input做click事件绑定，表示focus。参考如下页面。http://www.riyue.me/file/jstest/fifoxMouseDOwnRepresentClick.html 阅读全文

摘要： http://www.riyue.me/file/jstest/chromeBlurTwice.htmlchrome在非当前页面blur，或触发两次blur事件这对于一些用input元素，在blur后计算的方法，是有危险的 阅读全文

摘要： 问题：一些新手经常会把忘记生命变量，而直接使用。比如未var a;直接给a=2; 这在firefox下，没有问题。在chrome中也没啥大问题。但是在ie6中，如果在dom中有个id=“a”的元素。这时候，赋值a=2；就会报js错误。问题代码:<div id="obj1"></div><script type="text/javascript">alert(typeof obj1);obj1=2;</script>以上代码： 在firefox下。 obj1是undefined。obj1 = 2。 这个好理解 阅读全文

摘要： 问题：如下图这个时候，右边有一撮的元素，自动排列，不知道宽度。右边常见的写法有两种1 div>a*n 这种情况下，a不需要浮动这个时候，我试了，word-break和word-wrap.在各浏览器下表现不一致。转而改成，a:{display:block;float:left;white-space:nowrap;}这样就OK了2 ul>li*n>a 这种情况下，li左浮动这时候同样按照上面的样式写就OK了。关于word-break,word-wrap,white-space1 white-space: 是否折行 。参考w3school的属性可取的值：其中inherit属性，i 阅读全文

摘要： 需求：我有好几次有这样一个需求，ie6，7等情况下。线上页面样式有问题。这时候需要更改某个样式。相当无奈。没有firebug，蛋疼的ie下的webdeveloper等工具就是个垃圾。我就只是想改个样式，就是没办法。这时候，我可以通过在页面上通过javascript:方式写入脚本，来调试样式。当然这样的调试只适合简单的需求。代码如下：function loadScriptUrl(url){ var script = document.createElement('script'); script.type = 'text/javascript'; script.s 阅读全文