新書推薦：
![竞争优势：透视企业护城河（珍藏版） 6[美]布鲁斯·格林沃尔德](http://103.6.6.66/upload/mall/productImages/24/15/9787111748816.jpg)
《
竞争优势：透视企业护城河（珍藏版） 6[美]布鲁斯·格林沃尔德
》
售價：NT$
554.0
《
日本通史（修订本）上下
》
售價：NT$
1445.0
《
好的爱，有边界
》
售價：NT$
330.0
《
心悦读丛书·倍速社会：快电影、剧透与新消费文化
》
售價：NT$
325.0
《
马王堆考古手记
》
售價：NT$
554.0
《
全靠演技
》
售價：NT$
252.0
《
流人系列01：驽马
》
售價：NT$
442.0
《
电工大手册（第二册）——电工常用电路、接线、识读、应用案例
》
售價：NT$
447.0
|
| 編輯推薦： |
|
本书从常用的HTML5CSS3JavaScript及jQuery语法解释讲起，搭配各种当前*流行的动态网页技术，带领读者逐步学会制作跨平台的响应式网站及Web App，让您在职场上如鱼得水、无往不利。
|
| 內容簡介： |
jQuery是一套轻量简洁的JavaScript Library。通过 jQuery 可以帮助我们用*精简的程序代码轻松实现跨浏览器的DOM操作、事件处理、网页特效以及AJAX传送数据等。
本书从基本的HTML、CSS、JavaScript开始介绍，进而详细说明jQuery。只要有了JavaScript基础，学习jQuery就一点都不费力。本书搭配目前动态网页*流行实用的范例，其中每个步骤都浅显易懂，只要跟着书中的范例操作，读者可以轻轻松松学会制作令人惊艳的网页作品。
本书不仅适合网页或网站开发人员学习和参考，而且适合网页设计老师与学生用于教学、阅读和学习。
|
| 目錄：
|
目 录
第一篇 基础知识
第1章 必学HTML语言 3
1-1 什么是HTML 4
1-2 学习HTML前的准备工作 4
1-2-1 建立HTML文件 4
1-2-2 预览HTML网页 6
1-3 HTML语言结构 7
1-3-1 HTML的标签类型 7
1-3-2 HTML的组成 7
1-3-3 标签属性的运用 8
1-4 HTML5文件结构与语义标签 8
1-4-1 结构化的语义标签 8
1-4-2 HTML5声明与编码设置 12
1-4-3 meta标签与SEO优化的关系 13
1-5 HTML常用段落标签 14
1-5-1 设置段落样式的标签 14
1-5-2 设置段落标题 16
1-5-3 项目符号与编号使用列表标签 16
1-5-4 HTML注释 19
1-5-5 使用特殊符号 20
1-5-6 div标签与span标签 21
1-6 网页图像的应用 23
1-6-1 图像的尺寸与分辨率 23
1-6-2 嵌入图像 23
1-6-3 路径的表示法 24
1-7 表格与窗体 26
1-7-1 制作基本表格 26
1-7-2 表格的基本结构 26
1-7-3 制作窗体 28
1-8 加入超链接 31
第2章 必学CSS基础 33
2-1 建立CSS样式表单 34
2-1-1 CSS基本格式 34
2-1-2 套用CSS样式表单 35
2-2 CSS选择器 39
2-2-1 认识HTML DOM 39
2-2-2 认识CSS选择器 40
第3章 必学JavaScript基础 45
3-1 认识JavaScript 46
3-1-1 JavaScript结构 46
3-1-2 链接外部JS文件 49
3-2 变量与基本数据类型 51
3-2-1 JavaScript变量、常数与数据类型 51
3-2-2 基本数据类型 53
3-2-3 对象 55
3-2-4 函数 57
3-2-5 数组 58
3-2-6 日期 60
3-2-7 数学 61
3-2-8 null和undefined的差异 64
3-3 JavaScript 与 DOM 64
3-3-1 文档对象模型 64
3-3-2 JavaScript事件处理 66
3-4 JavaScript流程控制 68
3-4-1 运算符 68
3-4-2 ifelse条件判断语句 70
3-4-3 for循环 71
第4章 必学jQuery基础 72
4-1 认识jQuery 73
4-1-1 jQuery的优点 73
4-1-2 引用jQuery函数库 74
4-2 jQuery的基础知识 75
4-2-1 jQuery的基本语句 75
4-2-2 jQuery选择器 76
4-2-3 jQuery调试 78
4-2-4 使用jQuery存取组件内容 80
第二篇 jQuery实用技术
第5章 jQuery基本功网页益智游戏 85
5-1 组件的设计与制作 86
5-1-1 界面和程序功能概述 86
5-1-2 游戏界面的HTML 87
5-2 善用CSS表现视觉效果 88
5-2-1 游戏界面的CSS 88
5-2-2 控制文字样式 89
5-2-3 网页组件定位的CSS语句 91
5-2-4 调整边界、留白的CSS语句 94
5-2-5 加入阴影及圆角的CSS语句 98
5-2-6 为组件设置背景和渐层 100
5-3 jQuery程序解析 104
5-3-1 动态产生数字组件 104
5-3-2 随机排列数字 105
5-3-3 数字按钮的事件处理程序 108
5-3-4 计时开始与结束 110
5-3-5 函数的多重用法与限制 112
第6章 自制专属的jQuery Plugin 118
6-1 jQuery Plugin初探 119
6-1-1 jQuery Plugin的命名 119
6-1-2 JavaScript的prototype对象 119
6-1-3 第一个jQuery Plugin 122
6-1-4 避免插件冲突 125
6-2 实现jQuery Plugin图像展示器 127
6-2-1 前置准备工作 127
6-2-2 HTML组件设置和插件套用 128
6-2-3 套用CSS语句 129
6-2-4 编写jQuery Plugin程序 130
第7章 使用jQuery 打造完美图表 137
7-1 表格排序套件tablesorter 138
7-1-1 下载与套用 138
7-1-2 高级应用 141
7-2 日历插件FullCalendar 143
7-2-1 下载与套用 143
7-2-2 高级应用 144
第8章 RWD响应式网页设计 151
8-1 何谓响应式网页设计 152
8-1-1 响应式设计的基础 152
8-1-2 创建响应式网页 153
8-2 认识Bootstrap插件 161
8-2-1 Bootstrap下载 161
8-2-2 Bootstrap基本结构 162
8-2-3 认识Grid System 163
8-2-4 创建表格 165
8-2-5 创建响应式图像 168
第9章 Web Storage网页存储 170
9-1 认识Web Storage 171
9-1-1 Web Storage的概念 171
9-1-2 检测浏览器是否支持Web Storage 171
9-2 localStorage和sessionStorage 172
9-2-1 存取localStorage 172
9-2-2 清除localStorage 175
9-2-3 存取sessionStorage 177
9-3 Web Storage实例练习 177
9-3-1 登录注销和计数器 177
9-3-2 购物车 181
第10章 综合实践瀑布流照片展示网页 191
10-1 实现成品预览 192
10-2 创建页标题和页尾 193
10-2-1 前置准备工作 194
10-2-2 使用Bootstrap打造导航条 194
10-2-3 为菜单加上符号图标 196
10-2-4 打造右侧折叠式菜单 197
10-3 添加照片瀑布流展示的效果 198
10-3-1 Masonry插件的下载 198
10-3-2 Masonry插件的使用 199
10-3-3 检测图像是否加载完成 200
10-4 单击照片缩略图放大显示照片 201
10-4-1 下载Colorbox插件 202
10-4-2 Colorbox插件的使用 202
第三篇 使用jQuery Mobile 快速打造移动设备网页
第11章 认识jQuery Mobile 209
11-1 认识jQuery Mobile 210
11-1-1 jQuery Mobile的优点 210
11-1-2 jQuery Mobile的工作流程 210
11-1-3 移动设备仿真器 211
11-1-4 第一个jQuery Mobile网页 212
11-2 套用UI组件 217
11-2-1 认识UI组件 217
11-2-2 按钮 219
11-2-3 分组的按钮 224
11-2-4 列表视图 224
11-3 网页导向与主题 227
11-3-1 jQuery Mobile网页导向 227
11-3-2 ThemeRoller快速套用主题 230
第12章 jQuery Mobile事件 236
12-1 页面事件 237
12-1-1 初始化事件 237
12-1-2 外部页面载入事件 240
12-1-3 页面切换事件 241
12-2 触摸事件 244
12-2-1 单击事件 244
12-2-2 滑动事件 246
12-2-3 滚动事件 248
12-2-4 屏幕方向改变事件 249
第13章 嵌入百度地图和谷歌地图 252
13-1 百度地图API和谷歌地图API 253
13-1-1 简易的百度地图和谷歌地图 253
13-1-2 地图控件 261
13-2 按地址显示地图 263
13-2-1 地址定位 263
13-2-2 图标标记 266
第14章 综合实践记事本Web App的实现（含HTML5 Web DataBase） 271
14-1 认识Web SQL 272
14-1-1 Web SQL基本操作 272
14-1-2 创建数据表 274
14-1-3 添加、修改及删除数据 276
14-2 记事本应用程序的结构 281
14-3 添加记事 282
14-4 删除记事 284
14-5 记事列表 286
|
| 內容試閱：
|
序随着智能手机的普及，大多数用户的生活已经与其密不可分。通过手机搜索和查找网站，甚至直接通过手机上网消费的比例也逐渐增加，无论是公司的官方网站还是个人博客，对移动设备版本网页的需求度越来越高。为了能让网页在各种不同尺寸的移动设备都能有很好的视觉体验，Ethan Marcotte设计师在2010年提出了响应式网页设计（Responsive Web Design，RWD）的概念。他运用CSS3的流动布局（fluid grid）、媒体查询（media query）和按百分比缩放图像（scalable image）等技术制作出能够在不同分辨率下弹性排版的网页，无论是用手机还是平板电脑的浏览者都能轻松愉快地浏览网站。在响应式设计的潮流中，jQuery、jQuery Mobile以及bootstrap技术最受人瞩目，通过jQuery能轻松驾驭困难的JavaScript技术，搭配bootstrap插件短时间内就能完成相当专业的响应式网站。为了手机版再开发一个原生应用程序（Native App）版本，对于大多数已有网站的商家来说费用相对昂贵许多，但是通过jQuery Mobile框架稍微修改一下现有网站就能放到移动设备上浏览，功能和界面与一般网页应用程序（APP）无异，甚至更加美观，客户普遍接受度很高，对于网页设计者或程序开发人员来说轻轻松松就能增加收入，这也是为什么jQuery与jQuery Mobile这么受欢迎的原因。想学习jQuery与jQuery Mobile框架技术，必须先从基础HTML5开始。HTML5不仅是单纯的HTML语言，而且包含JavaScript、CSS3技术。HTML5还新增了一些网页应用程序API，例如Local Storage（本地存储）、Web DataBase（网页数据库）等，这些都必须搭配JavaScript使用。学习这些技术之前必须熟悉基本的HTML语言，这样才能达到事半功倍的效果。本书以让缺乏程序设计基础的网页设计师能够轻松上手为目标，先打好HTML5、CSS3和JavaScript基础，再学习使用jQuery和jQuery Mobile制作网页以及网页应用程序（Web App），并搭配bootstrap插件打造响应式网页，从基础到熟练循序渐进。同时让读者能够通过范例进行练习与实践，例如第5章实际制作网页益智游戏数字快快点、第10章实现瀑布流照片展示网页以及第14章搭配HTML5 Web DataBase实现记事本Web App。本书范例代码的下载地址为：http：pan.baidu.coms1mhPaV1m（注意区分数字和英文字母大小写）。如果下载有问题，请发送电子邮件至booksaga@126.com，邮件主题设置为求jQuery jQuery Mobile跨设备网页设计下载资源。衷心期待本书成为读者学习制作网页的最佳帮手。本书内容虽经再三核对，力求谨慎、正确，但疏落恐难避免，还望各位读者予以指正，再次感谢。
2017年4月陈婉凌
第5章jQuery基本功网页益智游戏到目前为止，我们已经学会了HTML、JavaScript、CSS以及jQuery的基本语句，下面开始编写一些实用程序。学习程序最快速有效的方式莫过于边学边用，本章以一个有趣的小游戏数字快快点作为范例程序，让读者能够打好jQuery的基本功。5-1 组件的设计与制作数字快快点是一款休闲益智的网页游戏，九宫格内会出现未按顺序排列的数字1~9，玩家必须按照正确顺序从小到大单击数字。这款游戏会用到许多常用的HTML、CSS及jQuery语句，是一个非常好的锻炼编程基本功的小程序。我们先来看游戏的界面和功能。5-1-1 界面和程序功能概述数字快快点游戏共有1~9 九个数字，放在33的九宫格中，单击开始游戏按钮之后就会开始计时，玩家必须按照正确顺序从小到大单击数字。如果点错数字，九宫格就会从下往上淡出，并出现哭脸以及失败的文字；如果答对了就会出现笑脸以及成功的文字。初始界面如图5-1所示。图5-1 初始界面游戏开始界面如图5-2所示。图5-2 游戏开始界面按正确顺序单击数字后的界面如图5-3所示。图5-3 按正确顺序单击数字后的界面单击错误顺序后显示的界面如图5-4所示。图5-4 单击错误后显示的界面游戏界面部分是由HTML和CSS语句生成的。由于数字1~9按钮的外观一致，因此我们可以利用JavaScript程序自动生成，不需要事先在HTML内放入9个按钮。在前面的章节中学习过HTML DOM的结构，网页文件内每一个组件都是独立的个体，所以我们可以通过程序控制组件的显示和隐藏，也可以通过组件的触发事件对用户的单击动作做出反应。下面从使用HTML和CSS制作游戏界面开始介绍。5-1-2 游戏界面的HTML游戏使用的HTML组件的程序代码如下：开始游戏所花时间：0秒
|
|
購物車/收銀台(
0
) | 在線留言板
| 付款方式
| 聯絡我們
| 運費計算
| 幫助中心 |
加入書簽
HOME
新書上架
