web 错误笔记

问题/*这个地方的对齐一定要掌握*/文字与图片的html结构

解决方案

解决方案网址

http://www.jb51.net/css/177178.html，

https://my.oschina.net/trhxf/blog/540672

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 图像的上边缘与同一行上最高文本的上边缘对齐。

Top 图像的上边缘与同一行上最高元素的上边缘对齐。

登陆对不齐的时候*/

<div id="denglu"> 
<img src="reg.gif"> 
<img src="login.gif"> 
<a href="#">找回密码</a> 

</div> 

解决方案；
#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