【知问前端——创建header区】的更多相关文章

知问前端——创建header区

创建界面 我们首先要设计一个header,这个区域将要设计成永远置顶.也就是,往下拉出滚动条也永远在页面最上层可视区内.在header区,目前先设计LOGO.搜索框.按钮.注册和登录即可. 项目的大致骨架如下: index.html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>知问前端</title> <script type=&q…

知问前端——对话框UI(一)

对话框(dialog),是jQuery UI非常重要的一个功能.它彻底的代替了JavaScript的alert().prompt()等方法,也避免了新窗口或页面的繁杂冗余. 开启多个dialog 我们可以同时打开多个dialog,只要设置不同的id即可实现.如: test.html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>知问前端</tit…

第一百七十八节，jQuery-UI，知问前端--对话框 UI

jQuery-UI,知问前端--对话框 UI 学习要点: 1.开启多个 dialog 2.修改 dialog 样式 3.dialog()方法的属性 4.dialog()方法的事件 5.dialog 中使用 on() dialog()方法,将指定区块实现对话框功能 一．开启多个 dialog 我们可以同时打开多个 dialog,只要设置不同的 id 即可实现. $('#reg').dialog(); $('#login').dialog(); 二．修改 dialog 样式 在弹出的 dialog…

知问前端——对话框UI(二)

dialog()方法的事件 除了属性设置外,dialog()方法也提供了大量的事件,这些事件可以给各种不同状态时的对话框提供回调函数,这些回调函数中的this值等于对话框内容的div对象,不是整个对话框的div. dialog事件选项 事件名 说明 focus 当对话框被激活时(首次显示以及每次在上面点击)会调用focus方法,该方法有两个参数(event, ui).此事件中的ui参数为空. create 当对话框被创建时会调用create方法,该方法有两个参数(event, ui).此事件中的…

知问前端——Ajax提交表单

本文,运用两大表单插件,完成数据表新增的工作. 一.创建数据库 创建一个数据库,名称为:zhiwen,表——user表,字段依次为:id.name.pass.email.sex.birthday.date. 本人是使用的Navicat for MySQL创建的user表, user表的结构如下: 所需的PHP文件:config.php.add.php.(本人没学过php,所以不过多解释) config.php: <?php header('Content-Type:text/html; char…

知问前端——自动补全UI

自动补全(autocomplete),是一个可以减少用户输入完整信息的UI工具.一般在输入邮箱.搜索关键字等,然后提取出相应完整字符串供用户选择. 调用autocomplete()方法 var host = ['aa', 'aaaa', 'aaaaaa', 'bb']; $("#email").autocomplete({ source:host }); 修改autocomplete()样式 由于autocomplete()方法是弹窗,然后鼠标悬停的样式,我们通过Firebug想获取到…

知问前端——工具提示UI

工具提示(tooltip),是一个非常实用的UI.它彻底扩展了HTML中的title属性,让提示更加丰富,更加可控制,全面提升了用户体验. 调用tooltip()方法 在调用tooltip()方法之前,首先需要针对元素设置相应title属性.如: <input type="text" name="user" class="text" id="user" title="请输入帐号, 不小于2位! " /…

知问前端——按钮UI

按钮(button),可以给生硬的原生按钮或者文本提供更多丰富多彩的外观.它不单单可以设置按钮或文本,还可以设置单选按钮和多选按钮. 使用button按钮 使用button按钮UI的时候,不一定必须是input按钮形式,普通的文本也可以设置成button按钮. $('#search_button').button(); 修改button样式 在弹出的button对话框中,在火狐浏览器中打开Firebug或者右击->查看元素.这样,我们可以看看button的样式,根据样式进行修改.我们为了和网站主…

第一百八十七节，jQuery，知问前端--cookie 插件，注册成功后生成cookie，显示登录状态

jQuery,知问前端--cookie 插件 学习要点: 1.使用 cookie 插件 2.注册直接登录 Cookie 是网站用来在客户端保存识别用户的一种小文件.一般来用库可以保存用户登 录信息.购物数据信息等一系列微小信息. 一．使用 cookie 插件 官方网站:http://plugins.jquery.com/cookie/ cookie()生成cookie文件,3个参数,参数1cookie名称,参数2cookie值,参数3是一个对象设置cookie 生成一个 cookie: $.co…

知问前端——cookie插件

Cookie是网站用来在客户端保存识别用户的一种小文件.一般可以保存用户登录信息.购物数据信息等一系列微小信息. 一.使用cookie插件 官方网站:http://plugins.jquery.com/cookie/ 从官网下载cookie插件——jquery.cookie.js插件. 1.生成一个cookie,名称为user,内容为liayun: $.cookie("user","liayun"); 2.cookie的参数设置: $.cookie("us…