今日总结
今天完成的事情：
一、手机端的配置问题，用<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知识
遇到的问题（遇到什么问题，怎么解决的）
收获：通过今天的学习，学到了什么知识