做好网站建设总结,如何做网站的优化和推广,去哪儿网站排名怎么做,建筑工人招工网CSS位置尺寸CSS css(name|pro|[,val|fn]) #xff1a;访问匹配元素的样式属性示例#xff1a; 1 // 获取color样式属性的值
2 $(p).css(color);
3 // 将所有段落的字体颜色设为红色并且背景为蓝色
4 $(p).css({ color: #ff0011, backgro…CSS位置尺寸 CSS css(name|pro|[,val|fn]) 访问匹配元素的样式属性示例 1 // 获取color样式属性的值
2 $(p).css(color);
3 // 将所有段落的字体颜色设为红色并且背景为蓝色
4 $(p).css({ color: #ff0011, background: blue }); 位置 offset([coordinates]) 获取匹配元素在当前视口的相对偏移返回的对象包含两个整型属性top 和 leftposition() 获取匹配元素相对父元素的偏移返回的对象包含两个整型属性top 和 leftscrollTop([val]) 获取匹配元素相对滚动条顶部的偏移scrollLeft([val]) 获取匹配元素相对滚动条左侧的偏移示例 1 // HTML代码2 pHello/pp2nd Paragraph/p3 4 // 获取最后一个p的偏移(left:0 top:35)5 var offset $(p:last).offset();6 alert(offset.left | offset.top);7 8 // 设置p的偏移9 $(p:last).offset({ top: 10, left: 30 });
10
11 // 获取最后一个p的位置(left:15 top:15)
12 var position $(p:last).position();
13 alert(position.left | position.top); 1 !DOCTYPE html2 head3 meta charsetutf-84 titleSelecter/title5 6 script srcjs/jquery-1.8.0.min.js charsetutf-8/script7 style mediascreen8 .box{9 width:3700px;
10 height:6000px;
11 }
12 .p1{
13 position: fixed;
14 left: 30px;
15 top:30px;
16 }
17 /style
18 /head
19 body
20 div classbox
21 p classp1text/p
22 /div
23
24 script typetext/javascript
25 $(window).scroll(function(){
26 $(.p1).text($(window).scrollTop());
27 });
28 /script
29 /body View Code 尺寸 height([val|fn]) 获取当前元素的高度值px width([val|fn]) 获取当前元素的宽度值px innerHeight() 获取当前元素的内部高度不包括边框 innerWidth() 获取当前元素的内部宽度不包括边框 outerHeight([options]) 获取当前元素的外部高度包括边框如果options为true则计算边距在内 outerWidth([options]) 获取当前元素的外部宽度包括边框如果options为true则计算边距在内示例 1 // 获取p的高度2 $(p).height();3 4 // 设置p的高度5 $(p).height(20);6 7 // 获取p的内部高度8 $(p).innerHeight();9
10 // 获取p的外部高度
11 $(p).outerHeight(true); 转载于:https://www.cnblogs.com/agmj117/p/7692210.html