读完前七讲的小结
2014-06-06
第一讲:很详细的将 input 和 a 这两个看起来不怎么有联系的标签打造成近乎无法分辨 的样式,为此我专门做了测试就像书里提到的input自带有disabled属性但是a标签要通过javascript来处理这个点击事件,可惜书中作为扩展没有给出实现方案, 但是改变href可以让点击失效.
第二讲:打造了一个CSS3 式样说话泡泡按照书中的提示我在浏览器中看到了一个从上(红) 到下(白)的渐变泡泡把评论者说的话包裹起来,"深入研究"真的是一个不错的提示.使 用者的扩展方向可以千变化,道理同前.
第三讲:用CSS3和jQuery变形技术创建动画,css3定义样式然后jQuery在页面加载完成后触发把一个模糊的小棒子在屏幕上从左至右移动做出logo闪光效果,这里我不是太懂.
第四讲:用jQuery创建交互幻灯片,必须指出官方示例中下面这个js文件拿不到了,效果要自行下载jquery.cycle.all.2.74.js并引入到html中,这里不是太懂所以不做评论. http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js
第五讲:设计创建行内帮助对话框,这一讲看着很吃力,我在查看示例的时候出现一个这样的错误HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy 没有弄明白.
第六讲:创建HTML格式的电子邮件模板,用接近古老的方式布局,center包裹了大多数的内 容使用简单的HTML标签,极简CSS样式,使用HTML表格进行布局,而不是过多的现代技术 ,不使用复杂的排版.
第七讲:多Tab界面的内容切换,html的内容只有div所以重头戏在js这边,通过定位 class为examples的div标签来获得我们的容器,并将每一个子容器传入函数 createTabs(),这一函数创建供用户进行内容切换的Tab交互.然后Tab交互,加载页面 需要调用styleExamples()这一函数会将各包含实例的div标签转变成Tab交互.
前七讲都是讲述浏览器给用户带来的视觉效果.大多是我没接触过的内容.希望此书能帮到
更多的人.