问题/*这个地方的对齐一定要掌握*/文字与图片的html结构
解决方案
解决方案网址
vertical-align:top;
text-decoration:underline 移动上去有下划线
例子：
《img src="./content_files/images/qp_dlhkj.jpg" align="absbottom"》
AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。
AbsMiddle 图像的中间与同一行中最大元素的中间对齐。
Baseline 图像的下边缘与第一行文本的下边缘对齐。
Bottom 图像的下边缘与第一行文本的下边缘对齐。
Left 图像沿网页的左边缘对齐，文字在图像右边换行。
Middle 图像的中间与第一行文本的下边缘对齐。
NotSet 未设定对齐方式。
Right 图像沿网页的右边缘对齐，文字在图像左边换行。
TextTop 图像的上边缘与同一行上最高文本的上边缘对齐。
AbsMiddle 图像的中间与同一行中最大元素的中间对齐。
Baseline 图像的下边缘与第一行文本的下边缘对齐。
Bottom 图像的下边缘与第一行文本的下边缘对齐。
Left 图像沿网页的左边缘对齐，文字在图像右边换行。
Middle 图像的中间与第一行文本的下边缘对齐。
NotSet 未设定对齐方式。
Right 图像沿网页的右边缘对齐，文字在图像左边换行。
TextTop 图像的上边缘与同一行上最高文本的上边缘对齐。
Top 图像的上边缘与同一行上最高元素的上边缘对齐。
登陆对不齐的时候*/
<div id="denglu">
<img src="reg.gif">
<img src="login.gif">
<a href="#">找回密码</a>
<img src="reg.gif">
<img src="login.gif">
<a href="#">找回密码</a>
</div>
解决方案；
#denglu *{
vertical-align:middle; /* 居中对齐， */
font-size:14px;
#denglu *{
vertical-align:middle; /* 居中对齐， */
font-size:14px;
}
1.错误忘记引用jq对象文件
.btn {
width: 400px;
height: 25px;
margin: 0 auto;
box-sizing: border-box;
position: absolute;
/*定位出现问题。结构需要想清楚。待提升*/
bottom: 50px;
}
var btt=document.querySelectorAll(".btt");//错误1，获取整个集合，而不是一个
计时器
//2，清除所有的页面的计时器，鼠标移入清除
box.onmouseover = function() {
clearInterval(t); //为什么清除不了，因为结构都放在计时器里面了，有不停的循环，失效
}
//鼠标移出清零，为什么要清除计时器的事件，这样可以就可以点击它就停，而不是它不是自动跳转
box.onmouseout = function() {
t = setInterval(fun1, 1000);
}
//这里容易出错，不怎么懂
for (var i = 0; i < btn.length; i++) {//for循环按钮的长度绑定事件
btn[i].index = i; //自定义一个下标，存入长度;
btn[i].onclick = function() { //添加点击事件
for (var j = 0; j < btn.length; j++) { //再次循环的他的长度
btn[j].style.background = "yellowgreen";//没点击是黄绿
imge[j].style.display = "none"; //图片全部隐藏
}
this.style.background = "yellow"; //点击它变成黄色
imge[this.index].style.display = "block"; //图片隐藏
num = this.index; //bun的下标的长度等于num图片的值，这样它的顺序就不会乱
}
}
这里还需要吸收
left.onclick=function(){
num--; //num--往后翻
if(num==-1){ //不减-1,它就算空白
num=imgs.length-1; //跳不到最后一个
}
for(var i=0;i<imgs.length;i++){//fon循环imge的长度。
imgs[i].style.display="none"; //图片全部隐藏
btt[i].style.background="black"; //按钮变成黑色
}
imgs[num].style.display="block";//图片全部显示
btt[num].style.background="red"; //按钮改成红色
}
num=$(".img").length-1;//正确的是这个
//错误这个地方元素要包起来 //错误的是num=img.length-1