本篇仅为个人喜好,以后在慢慢加吧
1:siblings([selected])
解释:返回所选元素的同级元素列,相当于全选他的兄弟姐妹一起操作。
用法:$("..").siblings ........
2:border
解释:边框。使用时要同时声明大小和颜色才会显示。
用法:border: 3px solid #181818;
3:fadeIn(Timer),fadeOut(Timer)
解释:淡入和淡出,中间时间可加可不加
使用: $("..").fadeOut(3000);
4:传送当前元素对象
解释:无
使用:例:
Html:onClick = "test(this)"
js: function Click(obj) {
$(obj)....
}
5: 变量 当做 id
解释:无
使用:例:$("#"+id). ....;
6:边缘发光样式
解释:无
使用:例:-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 1);
7:侧边滚条的样式:
解释:若你只想在一块指定大小的区域显示许多的内容,有一种方法就是添加滚动条;
使用:overflow-x: hidden;overflow-y: auto;/此处我只显示右侧的滚动条/
/*定义侧边滚动条样式*/
::-webkit-scrollbar {
width: 2px;
height: 6px;
}
/*!*定义滚动条轨道 内阴影+圆角*!*/
::-webkit-scrollbar-track {*/
box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
border-radius: 10px;
background-color: black;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
background-color: #f0f8ff;
}
8: 去除 li 标签前的小点
list-style-type: none;
9:position
问题描述:使用position的absolute时标签随滚动条发生改变。
原因:absolute是相对于最近的“position”祖先元素来定位的,即非static的position元素。
解决方法:给父元素设定非static的值。