今日总结

今天完成的事情：

一、手机端的配置问题，用<meta name="viewport" content="width=device-width",initial-scale=1">

来设置，再用百分比设置宽高就可以了

二、学会用js将鼠标放到标签上时，显示某种样式，移开时再恢复原样

onmouseover="document.getElementById('div1').style.display='block';"（鼠标移入到input的时候，让div1显示,也就是变成block）

onmouseout="document.getElementById('div1').style.display="none";"(鼠标移出input的时候，让div1消失，也就是变成none)

此处“.”  意思是“的” ；=意思是赋值；getElementById('div1')主要是考虑兼容性的问题，火狐浏览器不兼容的问题，意思是通过id获取元素。

此处效果鼠标移动上方框的时候会显示这个信息，移出的时候会消失    

三、用户操作都属于事件

在input标签里写入onclick(点击)=“alert(123456)” 页面上点击会出现一个提示框，显示123456

四、学习了更复杂的js,鼠标移入时放大

1、笨方法：

直接在html标签<div>里面写入：

onmouseover="

document.getElementById('div1').style.width='300px';

document.getElementById('div1').style.height='300px';

document.getElementById('div1').style.background='300px';"

onmouseout="

document.getElementById('div1').style.width='100px';

document.getElementById('div1').style.height='100px';

document.getElementById('div1').style.background='100px';"

但是这种方法太冗长了，有另外一种用函数变量的方法来定义。

2、在head标签里加入script标签，写入函数

function toBlue()

{

    var oDiv=document.getElementById('div1');

    oDiv.style.width='300px';

    oDiv.style.height='300px';

    oDiv.style.background='green';

}

function toRed()

{

    var oDiv=document.getElementById('div1');

    oDiv.style.width='100px';

    oDiv.style.height='100px';

    oDiv.style.background='red';

}

html标签里的div要这样写 <div id="div1" onmouseover="toBlue()" onmouseout="toRed()">

明天计划的事情：

一、继续学习js第三个和第四个视频；

二、做支付宝页面，巩固css知识

遇到的问题（遇到什么问题，怎么解决的）

收获：通过今天的学习，学到了什么知识