学习要点:
1.项目介绍
2.jQuery UI
3.UI 主题
知问系统,是一个问答系统。主要功能:即会员提出问题,会员回答问题。目前比较热门的此类网站有:知乎 http://www.zhihu.com、百度知道 http://zhidao.baidu.com/等。这里我们重点参考“知乎”,来学习一下它采用的前端效果。
一.项目介绍
我们重点仿照“知乎”的架构模式来搭建界面和布局,以及大部分前端功能。而“百度知道”作为辅助功能来确定我们这个项目需要的前端功能。
从以上知名问答站点中,我们可以确认最主要的前端功能:1.弹出对话框;2.前端按钮;3.折叠菜单;4.选项卡切换;5.滑动块;6.日历;7.自动补全;8 拖放;等一系列前端模块。
二.jQuery UI
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web 应用程序。
jQuery UI 的官网网站为:http://jqueryui.com/,我们下载最新版本的即可。目前本课采用的最新版本为:jquery-ui-1.10.3.custom.zip。里面目录结构如下:
1.css,包含与 jQuery UI 相关的 CSS 文件;
2.js,包含 jQuery UI 相关的 JavaScript 文件;
3.Development-bundle, 包含多个不同的子目录: demos(jQuery UI 示例文件)、 docs(jQueryUI 的文档文件)、themes(CSS 主题文件)和 ui(jQuery ui 的 JavaScript 文件)。
4.Index.html,可以查看 jQuery UI 功能的索引页。
三.CSS 主题
CSS 主题就是 jQuery UI 的皮肤,有各种色调的模版提供使用。对于程序员,可以使用最和网站符合的模版;对于美工,也提供了没有任何样式的模版基于设计。
我们可以在这里:http://jqueryui.com/themeroller/查看已有模版样式。
第16章 知问前端--概述及jQuery UI
原创mb6448bf9aabb9d 博主文章分类:jQuery 基础 ©著作权
上一篇:jQuery 显示与隐藏
-
第16章 知问前端--按钮UI
学习要点:1.使用 button 按钮2.修改 button 样式3.button()方法的属性4.button('action', param)5.单选、复选按钮按钮(butto
ui 前端 javascript ViewUI jQuery -
第16章 知问前端--自动补全UI
学习要点:1.调用 autocomplete()方法2.修改 autocomplete()样式3.autocomplete()方法的属性4.autocomplete()方法的事件5.autoco
ui 前端 javascript ViewUI 自动补全 -
第16章 知问前端--工具提示UI
学习要点:1.调用 tooltip()方法2.修改 tooltip()样式3.tooltip()方法的属性4.tooltip()方法的事件5.tooltip()中使用 on()工具提示
前端 ui javascript ViewUI 工具提示 -
第16章 知问前端--对话框UI
学习要点:1.开启多个 dialog2.修改 dialog 样式3.dialog()方法的属性4.dialog()方法的事件5.dialo
ui 前端 javascript ViewUI 字符串 -
第16章 知问前端--验证插件
学习要点:1.使用 validate.js 插件2.默认验证规则3.validate()方法和选项4.validate.js 其他功能验证插件(validate.js),是一款
前端 php javascript ViewUI 错误提示 -
第16章 知问前端--创建header区
第16章 知问前端--创建header区学习要点:1.创建界面2.引入 UI一.创建界面我们首先要设计一个 header,这个区域将
ui 前端 javascript ViewUI css -
第16章 知问前端--创建注册表单
第16章 知问前端--创建注册表单学习要点:1.HTML 部分2.CSS 部分3.jQuery 部分通过前面已学的 jQuery UI 部件,我们
前端 javascript ui ViewUI jQuery -
第 1 章 PHP 概述
b 程序开发语言之一。PHP 主要的特点是语法简单易于学习、功能强大、灵活易用。在融合了现代编程语言的一些最佳特性后,PHP 、Apa
php 数据库 java PHP Web