JS学习笔记2015-4-18(第五天)
因为搬家,断网,耽误了,所以今天补上。
练习1:模拟用手机对话;
作业过程中的思考:
1、不要被实现的效果所迷惑或者吓倒,应该看透的是其背后的原理。比如:如何让img的表情图片移到上面的对话框内?img本身的src?img本身的innerHTML?别傻了,浏览器只会返回给你一堆字符串。解决方案是在外面套一个div,让div的innerHTML就是img图片本身;
2、学JS最重要的也许是思维方法和逻辑;
3、CSS的基础,直接回影响到后期JS的学习,很多布局方法要掌握,比如左列固定,右列自适应;
4、在模拟手机短信聊天的时候,遇到一个布局问题:
A、左边栏固定宽度,右边栏自适应布局(这个比较常见):
<div class="box1"></div><div class="box2"></div>
样式:.box1{ float:left; width:200px;}
.box2 { overflow:hidden; padding-left:10px;_zoom:1;
_padding-left:7px;}
B、左边栏固定宽度,右边栏自适应布局(这个比较常见):详见链接:
http://jo2.org/css-auto-adapt-width/