- 博客(14)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 CSS伪类、伪元素
CSS伪类用于向某些选择器添加特殊的效果。锚伪类 在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF}
2016-05-24 17:29:51
489
原创 JS实现字体逐个显示
在使用PPT时，有人会将文字做成逐字出现的动画效果，那么如何在网页上实现同样效果呢？其实就是采用定时器的方法。 如下代码所示：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script> window.onload=function(){
2016-05-23 15:58:24
7108
原创 bootstrap--栅格系统
栅格系统的工作原理： - “行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。 - 通过“行（row）”在水平方向创建一组“列（column）”。 - 内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接
2016-05-17 11:28:48
983
原创 bootstrap--导航
Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。 (1)标签页<ul class="nav nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"><a href="#">Profile</a>
2016-05-16 17:41:40
665
原创 jQuery-AJAX
通过 jQuery AJAX 方法，能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时能够把这些外部数据直接载入网页的被选元素中。 （1） load()方法 load() 方法从服务器加载数据，并把返回的数据放入被选元素中。$(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载
2016-05-12 15:19:47
450
转载 jQuery中读取json文件
json文件是一种轻量级的数据交互格式。一般在jquery中使用getJSON()方法读取。 $.getJSON(url,[data],[callback]) url：加载的页面地址 data: 可选项，发送到服务器的数据，格式是key/value callback:可选项，加载成功后执行的回调函数 1.首先建一个JSON格式的文件userinfo.json 保存用户信息。如下:[ {
2016-05-12 10:20:51
3721
原创 jQuery Mobile 导航栏和布局
导航栏 1.使用data-role=”navbar”属性来定义导航栏，导航栏最多放置5个按钮，否则会换行。<div data-role="header"> <!-- 五个按钮内,默认平分.如果有图标默认在文字正上方 --> <div data-role="navbar"> <ul> <li><a href="#
2016-05-11 11:43:38
2864
转载 jQuery Mobile 表单
常见的表单控件类型 • 文本框 • 搜索框 • 单选框 • 复选框 • 选择菜单 • 滑动条 • 翻转切换开关创建表单注意事项 1.<form> 元素必须设置 method 和 action 属性 2.每个表单元素必须设置唯一的 “id” 属性。该 id 在站点的页面中必须是唯一的 3.每个表单元素必须有一个标记（label）。请设置 label 的 for 属性来
2016-05-10 17:21:56
731
原创 jQuery Mobile 列表
jQuery Mobile 列表视图 1.如需创建列表，请向 <ol> 或 <ul> 元素添加 data-role=”listview“。如需使这些项目可点击，请在每个列表项（<li>）中规定链接。提示：默认地，列表中的列表项会自动转换为按钮（无需 data-role=”button”） 2.列表分隔符 列表分隔符（List Dividers）用于把项目组织和组合为分类/节, 如需规定列表
2016-05-10 16:59:56
1791
原创 jQuery Mobile 按钮、图标
jQuery Mobile 中创建按钮 可通过三种方法创建： 1.使用<button> 元素 2.使用<input>元素 3.使用 data-role=”button” 的<a> 元素★推荐使用 data-role=”button” 的 <a> 元素来创建页面之间的链接，而<input>或 <button>元素用于表单提交。按钮的基本属性 1.默认情况下，按钮会占据屏幕的全部宽度。若需要按
2016-05-10 16:08:29
1514
转载 jQuery Mobile介绍
jQuery Mobile是jQuery在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。此框架简单易用。页面开发主要使用标记，无需或仅需很少 JavaScript. 此框架简单易用。页面开发主要使用标记，无需或仅需很少 JavaScript。Web App 介绍 这个主要是
2016-05-10 15:46:08
580
原创 网页分享到微信、微博、QQ等
首先要说明的是，pc端微信分享只能通过二维码来分享。 部分代码如下： //分享到新浪微博 function shareToSinaWB(event){ event.preventDefault(); var _shareUrl = 'http://v.t.sina.com.cn/share/share.php?&appkey=895033136';
2016-05-10 11:56:04
16079
1
原创 更换按钮的样式
普通的按钮比较难看，并且在一些页面中显得比较突兀，和整体不合群，因此选择更换按钮的样式。 开始以为把button先display:none，然后在label上写样式就可以了，结果发现并不能得到自己想要的结果。 代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title>
2016-05-09 16:47:39
780
原创 jQuery 三级菜单
在写这个的时候，首先要捋顺思路。点一个菜单的时候，其他的要闭合，点一级菜单的时候，二三级菜单要闭合，等等。 大致代码如下：<body> <aside> <ul class="one"> <li> <a href="#" class="a">目录A</a> <ul class="two" style="display:
2016-05-09 16:32:36
2622
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人