`
文章列表
Chrome浏览器在解析字体大小时,最小字号为12px,小于这个大小的字号都会解析成12px,当你把一行文字设为10px时Chrome浏览器会按12px来解析。 解决这个问题的方法是用Chrome的私有属性禁用浏览器文字大小调整的功能。 html { -webkit-text-size-adjust:none; }  
<script type="text/javascript" src="js/pptBox.js" defer="defer"></script> 插入在<head>里 type:脚本语言的类型 src:文件路径,可以是外部文件链接 defer:脚本将延迟到遇到</html>标签后再执行
七、动态创建HTML内容 document.write()方法     把字符串插入到文档里 document.write(“<p>This is inserted.</p>”);  缺点:没有分离js与html,尽量不用   innerHTML属性 Var testdiv = document.getElementById(“testdiv ”); testdiv.innerHTML =”<p>This is inserted.</p>”;   优点:分离了html,但是应该少用,因为是一项专利,不是 ...
注:大写数字代表书中的章节 二、语法 数 组 var beat=Array(4); beat[0]="John"; beat[1]="Paul"; beat[2]="Lucy"; beat[3]="LiHua"; var beat=Array("John","Paul","Lucy","LiHua"); var beat=Array(123,456,789,false); var beat=[&q ...
刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换。 什么是jQuery对象? ---就是通过jQuery包装DOM对象后产生的对 ...
用特殊符号,比如:▲▼●◆■★▶◀♠♥♣☎❤◤☄☢❉☂❁✿❉*等,制作小图标,这些图标都是用文本写的,可以设置其背景颜色,制作出非常精巧的效果。 如下图:
什么是JS事件冒泡? : 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事 件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对 象层次的最顶层,即document对象(有些浏览器是window)。 (摘自网络 )   如何来阻止Jquery事件冒泡?   通过一个小例子来解释 <!DOCTYPE html PUBLIC "-//W3C// ...
CSS部分 div类 1. 居中问题 div里的内容,IE默认为居中,而FF默认为左对齐 可以尝试增加代码margin:auto 2. 高度问题 两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象;但在IE中,下面的div会自动给上面的div让出空间 所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节,比较好的方法是 height:100%; 但当这个div里面一级的元素都float了的时候,则需要在div块的最后,闭和前加一个沉底 ...
一、!important (功能有限)   随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)   例如: #example {   width: 100px !important; /* IE7+FF */   width: 200px; /* IE6 */   } 二、CSS HACK的方法(新手 ...
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并 整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的di ...
强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } ============================================ CSS设置不转行: overflow:hidden 隐藏 white-space:normal 默认 pre 换行和其他空白字符都将受到保护 nowra ...
  针对Chrome和Safari等Webkit核心浏览器的CSS hack代码:   @media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit内核兼容CSS */ }    示 例:  @media screen and (-webkit-min-device-pixel-ratio:0) { .font1 {color:#f00} .border1 {border:1px solid #f00;} .bg3 {background:#f00;} }    除此之外,还有专门针对某个浏览器的C ...
1.选择器中含有特殊符号的注意事项(eg:"·"、"#"、"("、"]")            解决办法,使用转义符转义            $('#id\\#b');        //转义特殊符“#”            $('#id\\[1\\]')       //转义特殊字符“[]”   2.选择器中含有空格的注意事项            举例说明:   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional ...
1.Dreamweaver    jQuery语法提示功能插件:http://code.google.com/p/jquery-api-zh-cn/downloads/list    名为:jQuery_api_for_dw4.rar 或 jQuery_api_for_dw3.rar   2.Aptana    Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。它的特点包括:JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能。 Outliner(大纲):显示JavaScript,HTML和CSS的代 ...
  如果你的项目中有多种 JavaScript 库,比如同时存在 prototype.js 和 jquery.js 。为了避免 $ 对象的冲突,我们可以使用 jQuery 中的 .noConflict() 来解决冲突,需要注意引入 JavaScript 库的顺序。 jQuery库在其他库之后导入: 写法 1 : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm ...
Global site tag (gtag.js) - Google Analytics