项目1 DIV+CSS网页布局 1
任务1.1 Web标准 2
1.1.1 网站构建 2
1.1.2 网站设计 4
1.1.3 Web标准 5
1.1.4 万维网联盟(World Wide Web Consortium) 6
1.1.5 Web安全 7
任务1.2 网站首页页面布局 7
1.2.1 CSS简介 8
1.2.2 CSS基础语法 9
1.2.3 CSS高级语法 11
1.2.4 CSS派生选择器 12
1.2.5 CSS id选择器 13
1.2.6 CSS类选择器 14
1.2.7 CSS属性选择器 15
1.2.8 创建CSS 16
1.2.9 CSS样式 18
项目1练习题 79
综合实训1 79
项目2 JavaScript网页特效 82
任务2.1 制作网站图片无缝隙滚动效果 83
2.1.1 JavaScript基础 83
2.1.2 JavaScript对象 106
任务2.2 制作图片相册播放效果 119
2.2.1 getElementById()方法 119
2.2.2 getElementsByTagName()方法 120
2.2.3 clearTimeout()方法 121
2.2.4 Math.ceil()方法 121
2.2.5 cloneNode()方法 122
任务2.3 制作图片百叶窗切换效果 130
2.3.1 document.createElement()方法 131
2.3.2 document.appendChild()方法和document.insertBefore()方法 132
2.3.3 setInterval()方法和clearInterval()方法 133
任务2.4 制作网页图片漂浮效果 142
2.4.1 setInterval()方法和clearInterval()方法 142
2.4.2 onMouseOver和onMouseOut 142
任务2.5 制作网页日历 144
2.5.1 getFullYear()方法 144
2.5.2 getMonth()方法 145
2.5.3 getDate()方法 145
任务2.6 制作闪动效果文字 152
2.6.1 parseInt()方法 153
2.6.2 setTimeout()方法 153
2.6.3 innerHTML属性 153
任务2.7 制作文本框打字效果 155
任务2.8 密码强度检测 158
2.8.1 charCodeAt()方法 158
2.8.2 onKeyUp事件 159
2.8.3 onBlur事件 160
2.8.4 onfocus事件 160
项目2练习题 164
综合实训2 166
项目3 jQuery网页特效 167
任务3.1 制作网站滑动菜单 168
3.1.1 jQuery简介 168
3.1.2 jQuery语法 170
3.1.3 jQuery选择器 173
3.1.4 jQuery事件 176
3.1.5 jQuery HTML操作 183
3.1.6 jQuery CSS函数 190
任务3.2 制作普通下拉菜单 198
3.2.1 mouseenter()方法 198
3.2.2 stop()方法 199
3.2.3 hide()方法 200
3.2.4 parent()方法 200
3.2.5 next()方法 201
3.2.6 offset()方法 201
任务3.3 制作多级下拉菜单 206
3.3.1 css()方法 207
3.3.2 find()方法 209
任务3.4 制作横向焦点位移菜单 213
3.4.1 hoverIntent插件 213
3.4.2 animate()方法 213
任务3.5 鼠标单击图片翻页 219
3.5.1 animate()方法 219
3.5.2 css()方法 219
任务3.6 制作文字颜色选择器 222
3.6.1 keyup()方法 222
3.6.2 empty()方法 224
3.6.3 attr()方法 224
3.6.4 addClass()方法 226
3.6.5 removeClass()方法 227
任务3.7 制作旋转文字 232
项目3练习题 236
综合实训3 237
参考文献 239