摘要: 一、原理: 滚动高度+(可视区高度-div高度的一半)/2 JS:document.documentElement.scrollTop+(document.documentElement.clientHeight-div/2)/2 JQ:$(window).scrollTop()+($(docume 阅读全文
posted @ 2017-11-29 21:50 三庙 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 一、window.onload(){} 等到页面内包括图片的所有元素加载完毕后才能执行 二、$(function(){}) 是DOM结构绘制完毕后就执行,不必等到加载完毕。 三、知识 addLoadEven:即在网页第一次加载的时候触发事件 !!! - JavaScript 第一种方法 window 阅读全文
posted @ 2017-11-29 21:06 三庙 阅读(189) 评论(0) 推荐(0) 编辑
摘要: !!! - JavaScript IE:ev.returnValue=false FF:ev.preventDefault() !!! - JQuery ev.preventDefault() 注:JQ中阻止冒泡事件+阻止默认行为:return false 阅读全文
posted @ 2017-11-29 19:03 三庙 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 一、思路: 得到document.documentElement.scrollTop的值,赋值为0 documentElement :属性可返回文档的根节点 二、知识 $(window) 获取的是窗口 $('body,html')获取的是文件本身 $('html,body') 为什么要写2个,是因为 阅读全文
posted @ 2017-11-29 18:56 三庙 阅读(7989) 评论(0) 推荐(0) 编辑
摘要: 一、冒泡的原理: 子元素会触发父元素的事件 自上而下的触发事件 二、解决方法: JS: IE:event.cancelBubble=true FF:event.stopPropagation() JQ: ev.stopPropagation() !!! - CSS <style> .div1{wid 阅读全文
posted @ 2017-11-29 18:33 三庙 阅读(502) 评论(0) 推荐(0) 编辑
摘要: 拖拽的原理很简单 1、第一步:需要基本的概念,需要这些事件: onmousedown()鼠标按下、 onmousemove()鼠标移动、 onmouseup()鼠标抬起、 2、第二步:你需要了解事件的状态,也就是获取鼠标的位置: window.Event :代表事件的状态,比如事件在其中发生的元素、 阅读全文
posted @ 2017-11-29 18:20 三庙 阅读(428) 评论(0) 推荐(0) 编辑
摘要: 一般要固定容器的话,可以直接用position:fixed,但不兼容IE 要兼容IE,页很简单,不需要JavaScript代码。 !!! CSS: <style> *{margin:0;padding:0;} #div1{width:100%;height:70px;background:#ccc; 阅读全文
posted @ 2017-11-29 18:09 三庙 阅读(2883) 评论(0) 推荐(0) 编辑