07 2010 档案
摘要：测试程序是很简单的一行：[代码]测试结果如下：傲游（Maxthon）[代码]腾讯TT[代码]世界之窗（The World） 2.x[代码]世界之窗（The World） 3.x[代码]搜狗浏览器 1.x[代码]360浏览器[代码]Avant[代码]Green Browser[代码]世界之窗2.x和Green Browser都没有特别的标识；世界之窗 3.x、360浏览器和Avant Browser...
阅读全文
摘要：在输入框里面预设一段提示文字，当焦点在输入框的时候清空这段文字，这在目前来说已经不是什么新鲜事了。淘宝的搜索框就用到了这样一种设计：淘宝的输入框采取的做法，它不把这段提示文字作为输入框的value值，而是放在另一个标签内，再用绝对定位把这段文字叠到输入框上：[代码]从上面的代码可以看到，提示文字在label标签内，这样做有两个好处：良好的结构性。既不是div不是span，对input的说明就应该用...
阅读全文
摘要：[代码]说明：border-collapse : separate | collapse separate : 默认值。边框独立（标准HTML） collapse : 相邻边被合并border-spacing : length 设置或检索当表格边框独立（例如当border-collapse属性等于separate时），行和单元格的边框在横向和纵向上的间距。当只指定一个length值时，这个值将...
阅读全文
摘要：当 <a> 标签使用 onclick 事件时，不需要 href 链接，此时不要用 href="#"，这样会使页面跳到顶端，解决方法是：<a onclick="javascript:js();" href="javascript:void(0)">some text</a>
阅读全文
摘要：子节点的个数： document.getElementById("id").childNodes.length注意： 标签开/闭合算2个节点 第几个子几点： document.getElementById("id").childNodes[n] 示例：这里是 length-4 处，margin-left：20px 输出：length=8 实例： <div id="page_kx" style...
阅读全文
摘要：tst{ min-height:173px;height:auto!important;height:173px;overflow:visible; }
阅读全文
摘要：【FireFox】 @-moz-document url-prefix(){.className{color:#FFF}}【webkit内核：safari chrome】 @media screen and (-webkit-min-device-pixel-ratio:0){.className{color:#FFF}}【presto内核：opera】 @media all and (-web...
阅读全文
摘要：完整的兼容代码如下： <style>#preloader { background-image:url(img01.jpg); background-image:url(img02.jpg); background-image:url(img03.jpg); width:0; height:0; display:inline }/*IE6 7 Images you want to pr...
阅读全文
摘要：img{max-width:100px;width:100px;width:expression(document.body.clientWidth>100"100px":"auto");overflow:hidden}max-width:100px —— IE7、FF等其他非IE浏览器下最大宽度为100px;width:100px —— 所有...
阅读全文
摘要：1、CSS样式法：（将如下样式添加到透明PNG所在的层） .divBox{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='transparent_Image.png');_background-image: none;}使用方法： <div class="divBox"></div>2、JS...
阅读全文
摘要：/*文字与form标签都设定vertical-align属性*/i,input{vertical-align:middle}<div><input type="checkbox"><i>注意为文字包上标签x</i></div> 同样适用于 radio \ text \ select \ button 等Form元素
阅读全文
摘要：.to-top{ display:block; overflow:hidden; width:0; height:0; border:6px solid; border-color:#ccc #fff; border-width:6px 6px 0 6px;}
阅读全文
摘要：<script>/*<![CDATA[*/function setTab(name,cursel,n){for(i=1;i<=n;i++){var menu=document.getElementById(name+i);var con=document.getElementById("con_"+name+"_"+i);menu.className=i==cursel?"...
阅读全文
摘要：function getRealStyle(id, styleName) { var element = document.getElementById(id); var realStyle = null; if (element.currentStyle) { realStyle = element.currentStyle[styleName]; } else if (window.getCo...
阅读全文
摘要：这个效果在IE和Mozilla浏览器上都可以工作，代码如下 1.CSS 解决方案 .div{filter:alpha(opacity=50);opacity:0.5;}filter:alpha(opacity=50); —— IEopacity:0.5; —— FireFox2.JS 解决方案 在IE中需要通过"filter"来定义透明度"opac...
阅读全文
摘要：<i class="i"><img src="http://p1.yokacdn.com/pic/index/121/2009/0318/U112P1T121D14F2761DT20100204144100.jpg" /></i>.i {display: table-cell;vertical-align:middle; text-align:center;*d...
阅读全文
摘要：var brands = new Array(); //创建数组var dates = "1111&2222&3333&4444&5555&6666&7777"; //定义字符串var dtNum = dates.split("&").length; //取得字符串长度brands = dates.split("&"); //为数组负...
阅读全文
摘要：在IE中的HTML注释引起文字奇怪的复制，当多个浮动的元素彼此跟随，中间加注释的时候，最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug 可以通过以下的办法来解决： 1、不放置注释。最简单、最快捷的解决方法； 2、注释不要放置于2个浮动的区块之间； 3、将文字区块包含在新的<div></div>之间，如：<div...
阅读全文
摘要：<script type="text/javascript"> function substr(str, len) { if (!str || !len) { return ''; } var a = 0; var i = 0; //循环计数 var temp = ''; //临时字串 for (i = 0; i < str.length; i++) { if ...
阅读全文
摘要：在本地测试页面的时候，只要用到了flash或者js，就会阻止，每次都需要多点击一下。很烦的。其实在页面的加上<!- saved from url=(0013)about:internet –> 这段既可去掉这个安全警告。代码加在任何位置都行。此方法针对XP SP2有效。
阅读全文
摘要：IE6的window.location.href问题解决方案：<script type="text/javascript">function goUrl(x){ window.location.href=x;}</script><a href="javascript:;" onclick="javascript:goUrl('http://www.sina.com');">跳转1</a><a href="javascript:void(0);"
阅读全文
摘要：div，设置了背景图，然后只要在js中对此div的css做出任何更改就会重新请求背景图片，表现为页面闪烁，此问题仅在IE6下出现(更低版本未测试)，原因是IE6在默认情况下不缓存背景图片。 解决办法一，通过css： html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} 缺点：可...
阅读全文
摘要：CSS 内的 expression 会反复执行，有严重的效率问题。 解决方法：在 expression 中把 CSS 中用来触发的属性重写一下： 这里用 zoom 触发，搞定之后把 zoom 写回 1，这下就没效率问题了吧。同理，其他针对 IE 的 hack，如果是只跑一次的 expression，都可以这样做。
阅读全文
摘要：p {display:inline-block;}或：p{white-space:nowrap;}/*111111111111111111111111111111连续字符自动换行问题*/.auto-wrap{word-wrap:break-word;word-break:break-all;}/*强制文字不换行*/.no-wrap{white-space:nowrap;}/*ie6 定位错乱问题*/.fix-ie6-position{position:relative;_zoom:1}
阅读全文
摘要：【Top is. letter-spacing】应用letter-spacing属性后，每一个中文文字以及英文字母之间，都被隔开了所设置的距离，说明此属性在我们控制字距的时候是非常有用的。【Top is. word-spacing】应用word-spacing属性后，中文文字之间的距离没有发生任何变化，而第二行的“CSS Web Design”这三个单词之间的距离产生了效果，被隔开了所设置的距离。说明此属性在英文文档中比较有效的隔开单词的间距，对中文就无能为力了，或许因为中文是没有单词这一概念的文字形式。我们在实际布局中，如果需要对英文单词设置间隔，可以用word-spacing属性。如果是对
阅读全文
摘要：css position属性relative(相对)与absolute(绝对) 正确的解决方法就是在元素的父级元素定义为position:relative；（更正：这里可以是祖父级，也可以是position:absolute）需要绝对定位的元素设为position:absolute；这样再设定top，right，bottom，left的值就可以了，这样其定位的参照标准就是父级的左上角paddin...
阅读全文
摘要：scrollbar-3d-light-color 立体滚动条亮边的颜色scrollbar-arrow-color 上下按钮上三角箭头的颜色scrollbar-base-color 滚动条的基本颜色scrollbar-dark-shadow-color 立体滚动条强阴影的颜色scrollbar-face-color 立体滚动条凸出部分的颜色scrollbar-highlight-color 滚动条空...
阅读全文
摘要：.fo:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.fo{display:inline-block;/* Hides from IE-mac \*/}* html .fo{height:1%;}.fo{display:block;/* End hide from IE-mac */}在指定的层 套用...
阅读全文
摘要：<script type="text/javascript">/*<![CDATA[*/your code..../*]]>*/</script>
阅读全文
摘要：Javascript一直是个头疼的问题,载入速度实在是太慢了.特别是调用其他网站的JS(比如统计代码,其他网站提供的广告代码等等.)下面就介绍一个方法,让JS不会过多的影响网站的载入速度.在需要插入JS的地方插入以下代码: <span id=L4EVER>LOADING...</span>当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX...
阅读全文
摘要：function addCss(path) { var css = document.createElement("link"); css.setAttribute("type", "text/css"); css.setAttribute("rel", "stylesheet"); css.href = path; document.body.appendChild(css);}
阅读全文
摘要：在表现结构不变的情况下，控制HTML代码的加载顺序 JS 示例如下：（以下情况为，先加载B的内容，然后再加载A的内容，但在表现上A却是排在前面的） <div id="AA"></div><div id="BB" style="display:none;">文字文字文字文字文字文字文字文字文字文字文字文字</div><input type="...
阅读全文
浙公网安备 33010602011771号