摘要： 前些天写了一个页面，要求头部导航进行固定定位position:fixed.内容区域有输入框input。在大多数手机上都是显示正常的，可偏在一些低版本的手机却出现问题了。把我给苦恼的不行。问题：头部固定定位后，当input获得焦点时，头部导航会向右闪动一下出现这么个情况。后来终于找到了解决的办法。就是一个属性在作怪：input{outline:none}加上这个就ok了。outline 属性在一个声明中设置所有轮廓属性。input上加上outline与去掉outline属性，input会有一个明显的不同。这说明自己的知识还是十分的浅薄，要好好的加强自身的修炼了。 阅读全文

摘要： 搞了很长时间才弄清楚图片轮播效果的原理，理解各个事件发生的原因，浪费了这么长的时间，只怪自己的知识太过于薄弱。现将代码写下，供大家参看，如有不妥之处还望指出，大家一起学习。功能：1、点击左右两边的按钮，可以让图片进行左右滚动。2、鼠标点击下方的一排按钮，可切换至想要的那张图片。3、鼠标经过下方的一排按钮上时，可对图片进行小图预览。4、当没有鼠标事件时，图片可进行自动播放。5、当鼠标停留在整个区域上时，图片停止自动播放，当鼠标移出时，继续自动播放。效果：代码如下： 1 2 3 4 5 图片轮换效果 6 28 97 98 99 100 101 102 ... 阅读全文

摘要： ie6，ie7的haslayout属性是个让人头疼的问题。在做导航条的时候，一般会用到ul li结构，大多数时候我们是把li设置为浮动，让其并排显示在同一行。还有一种方法就是设置li为display:inline;这样可以达到同样的效果，但是问题是inline元素的特性：默认无法设置宽度，高度，以及上下margin，（关于padding，情况有点特殊，在ie6，7中 inline元素是无法设置上下padding的，但是在标准浏览器里面是可以设置上下padding的）。 鉴于inline元素的这种特性，如果我们不浮动并且想让li显示在一行，而且可以设置高度，宽度以及上下margin，上下p... 阅读全文

摘要： 近期写东西用到了input=file这个按钮，给其添加背景，在其它浏览器上都可以正常的显示，可一到ie上便不听话了，完全没有添加上，显的很难看。今天在网上找到一方法，试过后感觉很好，终于把这个问题给解决了，现将其记录一下。 美化的原理：将input到一个div框里，opacity设置为0，这样input表现为全透明，不可见，但覆盖在文字之上，div里的内容就可以显示出来，这时你给div添加你所要的背景图片就可以了，单击div，依然会触发上传事件。HTML代码：1 2 CSS代码：1 .btn_scan{width:68px;height:23px;line-height:23px;dis... 阅读全文

摘要： 半透明部分设置样式：opacity:0.7在ie9/ie10/ff/chrome/opera/safari显示正常，是图上的效果。但是这样在ie6-ie8中是不支持的，需要加上下面这句话：filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);此外这种效果不能用ietester中的ie6测试，因为ietester的ie6这样写也是不透明的，但是实际上ie6中已经显示正常了。 阅读全文

摘要： #test{color:red;color:red !important;/ Firefox、IE7支持 */_color:red; / IE6支持 */*color:red; / IE6、IE7支持 */*+color:red; / IE7支持 */color:red\0; / IE8、IE9、IE10支持 */} 阅读全文

摘要： 刚接触JS，对其充满了好奇，利用刚学到的一点知识，写了一个简单的仿QQ聊天的东西，其中还有很多的不足之处，有待慢慢提高。功能：1、在输入框中输入内容，点击发送，即可在上方显示所输入内容。 2、点击‘笑脸’按钮，可选择笑脸进行发送。不足之处：1、没有添加键盘事件，暂不可以用键盘进行发送内容; 2、在输入框中输入“请输入内容”时，系统并不会发送，因为此代码尚未对手动输入“请输入内容”和系统自动显示的“请输入内容”进行判断。 3、点击“笑脸”时，其图片路径会显示在input框中，也是不合理之处。由于刚开始进行研究，故出现的bug也是比较的多的。我会在以后慢慢的进行改进。写下这... 阅读全文

摘要： /*----------------------*//*----------------------*/ 阅读全文

摘要： 使用js操作css属性的写法是有一定的规律的：1、对于没有中划线的css属性一般直接使用style.属性名即可。如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。这个规律我想大多数的前端开发者也都熟知。但在css中有一个特殊的属性其js使用方法比 阅读全文

摘要： W3C在线验证工具：http://validator.w3.org/(X)HTML嵌套规则：http://www.cnblogs.com/PeunZhang/archive/2012/03/11/2390526.htmlHTML标签语义化对照表:http://www.cnblogs.com/PeunZhang/archive/2012/03/08/2385592.htmlHTML4标签的默认样式列表：http://www.cssforest.org/blog/index.php?id=73CSS简写指南：http://www.qianduan.net/css-font-shorthand-at 阅读全文