jQuery网页特效任务驱动式教程-漂浮广告相关知识.pptxVIP

JavaScript高级编程漂浮广告相关知识 漂浮广告相关知识获取窗口可视区域的宽度和高度获取页面卷入部分的宽度和高度获取元素的宽度和高度获取元素的坐标jQuery中的css()方法 获取窗口可视区域的宽度和高度JavaScript中的做法使用document.documentElement.clientWidth获取宽度使用document.documentElement.clientHeight获取高度jQuery中的做法$(window).width()和$(window).height() 获取页面卷入部分的宽度和高度JavaScript中的做法使用document.documentElement.scrollLeft获取横向滚动条左侧卷入的宽度使用document.documentElement.scrollTop获取纵向滚动条顶部卷入的高度jQuery中的做法第一，使用$(window).scrollLeft()和$(window).scrollTop()获取；第二，使用$(document).scrollLeft()和$( document).scrollTop()获取； JavaScript获取元素宽度和高度元素尺寸属性说明clientWidth获取元素可视部分的宽度，即内容区的width和横向padding取值之和，元素边框和滚动条不包括在内，也不包含任何可能的滚动区域clientHeight获取元素可视部分的高度，即内容区的 height和纵向padding 取值之和，元素边框和滚动条不包括在内，也不包含任何可能的滚动区域offsetWidth元素在页面中占据的宽度总和，包括 width、padding、border 以及滚动条的宽度offsetHeight元素在页面中占据的高度总和，包括 height、padding、border 以及滚动条的高度scrollWidth无论元素设置了overflow:visible或者overflow:hidden 或者overflow:auto样式属性，获取的宽度都是包括从元素左填充开始到子元素右边框结束之间的像素数scrollHeight当元素设置了overflow:hidden 或者overflow:auto样式属性时，获取的高度包括从元素上填充开始到下填充结束之间的像素数；当元素设置了overflow:visible时，获取的高度包括从元素的上填充开始到子元素的下边距结束之间的像素数 jQuery中获取元素宽度高度的方法元素尺寸相关的方法说明width()获取元素内容区的宽度height()获取元素内容区的高度innerWidth()获取的宽度包括内容区的width和左右paddinginnerHeight()获取的高度包括内容区的height和上下paddingouterWidth(false)获取的宽度包括内容区的width、左右padding和左右borderouterHeight(false)获取的宽度包括内容区的height、上下padding和上下borderouterWidth(true)获取的宽度包括内容区的width、左右padding、左右border和左右marginouterHeight(true)获取的宽度包括内容区的height、上下padding、上下border和上下margin 示例：获取并显示元素的宽度与高度具体要求如下：在页面中定义两个类名为divW的div，宽度100像素，高度100像素，填充50像素，边框50像素实线#a66，边距10像素，向左浮动，背景黄色且使用background-clip: content-box;样式设置背景只覆盖内容区（这是为了能够清晰的区分运行效果中的内容区和填充区），overflow取值auto，若是内容宽度高度超出100像素，则显示滚动条；类名为divW的div内部有一个类名为divN的div，宽度200像素，高度200像素，边框1像素虚线蓝色，上边距10像素，左右边距10像素，下边距20像素，为divN设置边距的目的是让divN在divW内容区中能够向右向下偏离10像素。使用jQuery的四组方法分别获取divW的相关宽度和高度并输出。若将divW的宽度和高度都改为350px，box-sizing改为border-box，结果如何？ 使用JS中offsetLeft和offsetTop获取元素的位置JavaScript中的offsetLeft和offsetTop可用于获取页面元素的位置，使用时有如下三种取值情况。第一种情况，如果元素A是某个定位元素B的后代元素，无论A的position是static、absolute还是relative，对A使用offsetLeft和offsetTop获取位