javascript
文章平均质量分 51
lei2350934xj
这个作者很懒,什么都没留下…
展开
-
左右切换的焦点图
*{margin: 0;padding: 0;} .box{ position: relative; width: 490px; height: 200px; margin-top:100px; margin-left:100px;原创 2017-05-26 19:23:31 · 423 阅读 · 0 评论 -
JavaScript 常见IE6bug
JavaScript 常见ie6bug 目录注意是IE61.双倍外边距问题 描述:如果一个盒子,加了浮动又加了margin值,很容易出现双倍外边距问题 解决:给盒子加上display:inline;从而出发ie内部机制 2.ie6图片底边会有像素间隙问题 描述:一个图片插到一个盒子里面,图片和盒子完全一样大,但是图片总是底下有像素的间距 解决: 方法1.将原创 2017-07-05 13:28:44 · 156 阅读 · 0 评论 -
JavaScript 浏览器hack
JavaScript css hack调整兼容性 目录css hack 针对不同浏览器,书写不同的样式,最大化的兼容浏览器 - 1.选择器hack (1)ie6以下的,以*html开头 *html .box {background:red;} (2)ie7的,以*+html开头 *+html .box {background:pink;}2.原创 2017-07-05 13:26:56 · 156 阅读 · 0 评论 -
JavaScript DOM目录
JavaScript DOM目录 回顾JavaScript的组成:ECMAScript+DOM+BOM ECMAScript规范常用语法 DOM文档对象模型,节点操作 BOM浏览器对象模型,与浏览器交互的方法和接口 1.DOM访问关系 父节点 parentNode 子节点 children 和 childNodes(会把换行也看成一个孩子节点,所以不用这个) 注常用parentNode和child原创 2017-07-05 13:26:14 · 158 阅读 · 0 评论 -
JavaScript基础部分
JavaScript基本知识点目录1.控制样式 var box = document.getElementById(“box”); box.style.width = “200px”; 2.变量作用域 局部变量和全局变量,其中全局变量注意不用var 声明的变量也属于全局变量 3.事件三要素 btn.onclick = function(){ //事件处理程序原创 2017-07-05 13:25:31 · 114 阅读 · 0 评论 -
window.onload()函数的使用
.btn{ width:100px; height:30px; margin-left:10px; color:white; font-size:16px; line-height: 30px; text-align:原创 2017-05-25 12:36:39 · 430 阅读 · 0 评论 -
value和innerHTML的区别
#tip{ display: none; } 错误信息提示 //表单验证: //表单更换内容用value,只有表单才有value //html显示的内容用innerHTML function $(id){return document.getElem原创 2017-05-25 14:37:49 · 400 阅读 · 0 评论 -
js鼠标经过选择表单内容(实现全选删除的效果)
鼠标经过选择表单 var txt = document.getElementById("txt"); var select = document.getElementById("select"); txt.focus();//focus()是一个函数,自动获得焦点 select.onmouseover = function(){原创 2017-05-25 14:48:17 · 224 阅读 · 0 评论 -
打印金字塔
for(var i=1; i document.write(""); }原创 2017-05-25 15:02:26 · 231 阅读 · 0 评论 -
oninput事件(检测用户的输入内容)
.search{ position: relative; width:390px; height:30px; border:1px solid #ccc; } .search input{ width:380px;原创 2017-05-25 15:25:26 · 649 阅读 · 0 评论 -
TAB栏切换(常用弹出当前索引号)
.current-color{ background-color: #f2ac0d; } 111 222 333 444 555 666 var btns = document.getElementsByTagName("button"); fo原创 2017-05-25 16:48:05 · 234 阅读 · 0 评论 -
JS原生动画之 缓动动画效果
*{ margin: 0; padding: 0; } body{ position: relative; } .box{ position: absolute; top:0;原创 2017-05-26 16:57:55 · 252 阅读 · 0 评论 -
JavaScript DOM总结
JavaScript DOM目录 回顾JavaScript的组成:ECMAScript+DOM+BOM ECMAScript规范常用语法 DOM文档对象模型,节点操作 BOM浏览器对象模型,与浏览器交互的方法和接口 1.DOM访问关系 父节点 parentNode 子节点 children 和 childNodes(会把换行也看成一个孩子节点,所以不用这个) 注常用parentNode和child原创 2017-07-22 09:32:31 · 138 阅读 · 0 评论