只看五分钟佩奇的小姑姑-CSDN博客

原创 bootstrap-导航栏

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>导航</title> <link rel="stylesheet" type="text/css" href="../CSS/bootstrap.css"> <script src="../JS/jquery-3.2.1.min.

2017-11-14 21:23:56 328

原创 bootstrap-选项卡头部及内容

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签页</title> <link rel="stylesheet" type="text/css" href="../CSS/bootstrap.css"> <script src="../JS/jquery-3.2.1.min

2017-11-14 19:49:02 1501

原创 bootstrap

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>下拉菜单</title> <link rel="stylesheet" type="text/css" href="../CSS/bootstrap.css"> <script src="../JS/jquery-3.2.1.mi

2017-11-14 10:46:03 328

原创 bootstrap-按钮组

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>按钮组</title> <link rel="stylesheet" type="text/css" href="../CSS/bootstrap.css"> <script src="../JS/jquery-3.2.1.min

2017-11-12 14:37:49 477

原创 bootstrap-预定义样式及简单登录框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>预定义样式风格</title> <link rel="stylesheet" type="text/css" href="../CSS/bootstrap.css"> <script src="../JS/jquery-3.2.1

2017-11-12 13:18:37 1647

原创 bootstrap-Glyphicons字体

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>字体</title> <link rel="stylesheet" type="text/css" href="../CSS/bootstrap.css"> <script src="../JS/jquery-3.2.1.min.

2017-11-11 21:12:03 409

原创 bootstrap响应式工具

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>响应式工具</title> <link rel="stylesheet" type="text/css" href="../CSS/bootstrap.css"> <script src="../JS/jquery-3.2.1.m

2017-11-11 14:46:24 624

原创 bootstrap栅格系统

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap</title> <link rel="stylesheet" type="text/css" href="../CSS/bootstrap.css"> <script src="../JS/jquery-3.2

2017-11-11 12:12:36 382

原创 JavaScript中如何继承

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>继承</title> <script type="text/javascript"> function CreatePerson(name,sex){//父类 this.name=name; this

2017-11-08 18:57:25 322

原创拖拽之实例购物车

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车</title> <style type="text/css"> *{margin: 0;padding: 0px;} li{list-style: none;} li{width:

2017-11-07 15:12:10 1017

原创 HTML5拖拽

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽</title> <style type="text/css"> li{list-style:none;width: 100px;height: 30px;background: yellow;margin: 10px;

2017-11-05 14:54:54 351

原创 html5之页面跳转-hash

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>历史管理</title> <script type="text/javascript"> // window.onload=function(){ // var oInput=document.getElementById('

2017-11-02 21:45:18 1634

原创自定义属性dataset

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义数据</title> <script type="text/javascript"> window.onload=function(){ var oDiv=document.getElementById('d

2017-11-02 20:16:45 649

原创 HTML5之JSON新方法 parse()和stringify()

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JSON</title> <script type="text/javascript"> // var str='function show(){alert(123)};' //因为function在字符串里，所以不能有空格

2017-11-02 19:54:57 1211

原创 HTML5选择器

http://www.caniuse.com/#indexHTML5新特性的浏览器支持情况<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择器</title> <script type="text/javascript"> window.onload=function(

2017-11-02 09:26:28 445

原创 jQuery之动画运动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>运动方法</title> <style type="text/css"> div{width: 100px;height: 100px;background: red;margin: 10px;} </style>

2017-11-01 19:14:28 383

原创 jQuery之DOM操作详细

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquerydom</title> <script type="text/javascript" src="../jquery-3.2.1.min.js"></script> <script type="text/javascrip

2017-10-31 20:33:53 297

原创 jQuery基本方法的扩展

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style type="text/css"> #div1{height: 100px;width: 200px;display: none;} </style> <script type="text/javascript" src

2017-10-31 19:03:46 368

原创 html5中新增表单控件和属性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html5表单控件</title></head><body> <form>   <!-- <inp

2017-10-31 16:14:21 2630

原创 html5新增标签的低版本浏览器兼容

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html5标签的兼容</title><style type="text/css"> body{margin: 0} header{height: 100px;background: #9f3} a

2017-10-31 10:40:06 666

原创 html5 新增的语义化标签

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html5</title></head><body> <header>用在页面或板块的头部</header> <nav>导航标签</nav> <hgroup> <h1>侬好</h1> <h2

2017-10-30 21:48:29 616

原创拖拽,hover,动画常用属性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽,hover,动画</title> <script type="text/javascript" src="../jquery-3.2.1.min.js"></script> <!-- <style type="text/css

2017-10-30 20:33:01 793

原创 jQuery之位置操作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery之位置操作</title> <script type="text/javascript" src="../jquery-3.2.1.min.js"></script> <!-- val():获取或设置元素的va

2017-10-29 22:11:50 345

原创 jQuery初试弹窗-low

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>弹窗</title> <script type="text/javascript" src="../jquery-3.2.1.min.js"></script> <style type="text/css">

2017-10-29 18:58:40 343

原创 jquery之事件添加和取消

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery事件操作</title> <script type="text/javascript" src="../jquery-3.2.1.min.js"></script> <!-- on():添加系统的事件

2017-10-29 18:05:50 467

原创快捷键sublime

Command + T 列出所有的标签页 Command + Shift + ] 下一标签页 Command + Shift + [ 上一标签页 Command + Ctrl + P 切换侧边栏显示的工程 Ctrl+L 选择整行（按住-继续选择下行） Ctrl+KK 从光标处删除至行尾 Ctrl+Shift+K 删除整行 Ctrl+Shift+D 复制光标所在整行，插入在该行之前 C

2017-10-27 22:59:31 234

翻译现代诗歌

诗歌

2017-10-27 22:52:20 481 1

原创 Jquery之Dom操作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Dom操作</title> <script type="text/javascript" src="../jquery-3.2.1.min.js"></script> <!-- jquery中的DOM方法 inse

2017-10-27 22:37:06 289

原创 jQuery之属性操作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery属性</title> <script type="text/javascript" src="../jquery-3.2.1.min.js"></script> <style type="text/css">

2017-10-27 11:35:15 209

原创分别用原生JS与jQuery 写简单选项卡

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery选项卡</title> <style type="text/css"> #div1 div{width: 200px;height: 200px;border: 1px red solid;display: none;

2017-10-27 11:08:48 604

原创 jQuery常用方法，初级入门

2017-10-26 15:42:23 276

小姑姑的博客