大学毕业这么多年了，几份工作做下来，又重操旧业，开始写代码了，习惯windows桌面程序的开发，也习惯了C/S的架构，现在，跟着别人做网站，开始学习之间不喜欢的HTML, Javscript这些东西了，能挣钱，就是好东西。所以，内心总是要求自己坚持。
今天有了一些收获，觉得应该做点笔记什么的，就写了。很乱，没有章法，想到一点写一点。
1. 经常上一些网站，会发现人家的网页的背景色用得很漂亮，想仿效，但是查源码又很难找到颜色的设置值是多少。今天，学到一个方法，就是先屏幕抓图，然后，再打开photoshop把图贴过去，按住Alt键，鼠标就会变成吸色工具，再在你喜欢的颜色上单击一下左键，photoshop就会把颜色的RGB值显示出来。很爽，很方便。
2. 昨天效仿http://www.abetteroffice.com/网页中的图片slide-bar, 自己也动手做了一个，能力太差，做了一整天。其实思路很简单，示意代码如下：
<div id="slide-bar">
<div id="container">
<div class="photo"><img href="#" src="pic1.jpg" /> </div>
<div class="text"> <p>some text..1... </p> </div>
<div class="photo"><img href="#" src="pic2.jpg" /> </div>
<div class="text"> <p>some text...2.. </p> </div>
<div class="photo"><img href="#" src="pic1.jpg" /> </div>
<div class="text"> <p>some text..1... </p> </div>
</div>
</div>将<div id="slide-bar">的width大小，设置成和<div id="slide-1" class="slide">一样，将<div id="container">的width设置成几倍于<div id="slide-bar">块，这主要看你包括了几个slide. 最重要的是，将<div id="slide-bar">的overflow设置成hidden,意思是，超出它大小的内容将不显示。 然后，将所有的<div id="slide-1" class="slide">用float:left方法，将它们全部都排在同一水平线上，再用javascript去控制<div id="slide-bar">块的scrollleft的值，如增加20个px, scrollleft+=20; 用setInterval(function,time)去设置每隔一段时间就自己动增加scrollleft的值。用clearInterval方法取消。 不过有一个问题，就是当最后一个DIV块在滑动时，后面就是空白的，因为，没有内容。为了让他看上去像是自动重复滑动，我们在写HTML代码时，将第一个DIV块，重写复制了一遍，放在最后面，这样就可以解决这个问题，所以，上面的代码，读者心细的话，可以看到，第三个DIV块的内容和第一个是一样的，这里不是笔误，就是这样设计的。
3. 有必要提醒一下，SetInterval(function,time)和SetTimeout(function,time)函数的区别，
SetInterval函数是每隔一段时间，就执行参数中所指定的函数，它是一直反复的执行，不会停。除非你用ClearInterval(mm)来取消它，其它，mm是SetInterval函数的返回值。而SetTimeOut函数是指，执行参数中所指定的函数function,在time的时间后，就不再执行，所以只会执行一次。我在做slidebar时，用错了函数，所以，控件只会动一次，之后，就不动了。一直找不到为什么，问题就出在这个地方，还是自己对javascript不太了解。
这里要PS一下Dreamwaver工具了，在写Javascript时，自动提示代码的功能太差了（本人用习惯了Visual Studio），当在代码后输入小数点"."时，工具会自动提示后面可以输入的代码，可能不太正确，像我这种菜鸟，就搞不懂，刚写的代码是对的还是错的，如果是对的，怎么没有提示呢？
在这方面，Microsoft还是做得很好。 不过，在写CSS或HTML代码时，Dreamwaver还是很不错的。听说，Visual Studio 2010加了对CSS， HTML， Javascript的智能提示功能，不过，还没有用过。我这破笔记本电脑内存只有768M，好像有点困难。
