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/

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。