作者:changmao三顾茅庐 | 来源:互联网 | 2023-09-14 14:02
篇首语:本文由编程笔记#小编为大家整理,主要介绍了跟着老公学习html回顾随笔JS(*^__^*)相关的知识,希望对你有一定的参考价值。
1.position
relative:相对于元素原来的位置的定位
abstract:绝对定位 相对于从属的父类的定位对于指定的父类的话 父类要加上 relative或abslut属性
2.animate:从一个状态 逐渐变为另一个状态
![](https://img6.php1.cn/3cdc5/9fdb/3b4/009810924d4c7067.jpeg)
3.eq
:eq() 选择器选取带有指定 index 值的元素。
index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。
![](https://img6.php1.cn/3cdc5/9fdb/3b4/251faf8ee4195040.jpeg)
选择p元素的第二个
4.有遮罩层的css弹框
![](https://img6.php1.cn/3cdc5/9fdb/3b4/4f648e3839ad4fca.jpeg)
html:
css:
#modal{
position:fixed;
width:600px;
height:200px;
z-index:100;
font-size:16px;
text-align:center;
left: 33%;
background-color: white;
top: 28%;
display:none;
}
#fade{
width:100%;
height:100%;
z-index:99;
position:fixed;
left:0;
top:0;
background-color:#272222;
display:none;
opacity:0.8;
}
5.当前被鼠标覆盖的元素 改变一些当前元素子类元素的属性
$(".contentTable li").hover(function(){
var img=$("img",this); // 当前元素下的 img
var href=$("a",this); //当前元素下的 a
$(img).attr("src","img/forumIco2.png"); //改变img的src的属性
$(href).css("color","#FF8A15");
},function(){
var img=$("img",this);
var href=$("a",this);
$(img).attr("src","img/forumIco.png");
$(href).css("color","#2e8a01");
})
});
this:当前操作的对象,当前的对象是属于谁的
原型prototy给一组元素加东西
![](https://img6.php1.cn/3cdc5/9fdb/3b4/76627760493a15d6.jpeg)
一般来说将参数放构造函数里,函数放原型里
![](https://img6.php1.cn/3cdc5/9fdb/3b4/b7c60fd0c4d9de4a.jpeg)