lujieting0

2018年12月2日

摘要： <style> img{ position: absolute; } </style></head><body><img src="imgs/tianshi.gif" alt="" id="im"><script src="../DOM/commer.js"></script><script>// 阅读全文

posted @ 2018-12-02 20:48 lujieting0 阅读(250) 评论(0) 推荐(0) 编辑

offset系列，scroll系列

摘要： * 没有脱离文档流* offsetLeft:父级元素margin+父级元素padding+父级元素border+自己的margin** 脱离文档流* 主要是自己的left和自己的margin //获取bodyconsole.log(document.body);//获取的是元素标签//获取titl 阅读全文

posted @ 2018-12-02 20:47 lujieting0 阅读(193) 评论(0) 推荐(0) 编辑

无缝链接轮播图

摘要： <style> * { margin: 0; padding: 0; } ul { list-style: none; } img { vertical-align: top; } /*取消图片底部3像素距离*/ .box { width: 300px; height: 200px; margin: 阅读全文

posted @ 2018-12-02 20:44 lujieting0 阅读(319) 评论(0) 推荐(0) 编辑

2018年12月1日

完整轮播图

摘要： <div class="all" id='box'> <div class="screen"> <ul> <li><img src="imgs/1.1.jpg" width="500" height="200"/></li> <li><img src="imgs/2.2.jpg" 阅读全文

posted @ 2018-12-01 18:16 lujieting0 阅读(246) 评论(0) 推荐(0) 编辑

location对象

摘要： //对象中的属性和方法//location 对象console.log(window.location);//地址栏上#及后面的内容console.log(window.location.hash);//主机及端口号console.log(window.location.host);//主机名con 阅读全文

posted @ 2018-12-01 18:08 lujieting0 阅读(194) 评论(0) 推荐(0) 编辑

定时器

摘要： <input type="button" value="停止" id="btn"/><script> /* * 定时器 * 参数1：函数 * 参数2：时间毫秒 * 执行过程：页面加载完毕后，过了1秒，执行一次代码，又过1秒再执行一次函数 * 返回值是定时器的id值 * * */ var timeI 阅读全文

posted @ 2018-12-01 18:08 lujieting0 阅读(150) 评论(0) 推荐(0) 编辑

为同一个元素绑定不同的事件指向同一个事件的处理函数

摘要： <input type="button" value="点击" id="btn"/><script src="commer.js"></script><script> //为同一个元素绑定不同的事件指向同一个事件的处理函数 ver("btn").onclick=f1; ver("btn").onmo 阅读全文

posted @ 2018-12-01 18:06 lujieting0 阅读(255) 评论(0) 推荐(0) 编辑

事件冒泡

摘要： <div id="dv1"> <div id="dv2"> <div id="dv3"></div> </div></div><script src="commer.js"></script><!--2：事件阅读全文

posted @ 2018-12-01 18:04 lujieting0 阅读(116) 评论(0) 推荐(0) 编辑

解绑事件

摘要： <input type="button" value="点击" id="btn"/><input type="button" value="干掉第一个按钮的事件" id="btn2"/><script src="commer.js"></script>  <!--注意：用什么方阅读全文

posted @ 2018-12-01 18:03 lujieting0 阅读(192) 评论(0) 推荐(0) 编辑

绑定事件

摘要： <script> //为元素绑定事件兼容代码 //为任意元素.绑定任意的事件，任意的元素，事件的类型，事件处理函数 function addEventlistener(element,type,fn) { //判断浏览器是否支持这个方法 if(element.addEventListener){ e 阅读全文

posted @ 2018-12-01 18:00 lujieting0 阅读(152) 评论(0) 推荐(0) 编辑

公告