夜未央leo

2016年5月19日

摘要：效果：代码： <div class="container"> <div class="alert alert-danger alert-dismissible" role="alert"> <strong>危险！</strong>这是一个危险动作，请关闭。 <button type="button 阅读全文

posted @ 2016-05-19 21:42 夜未央leo 阅读(483) 评论(0) 推荐(0) 编辑

Bootstrap页头

摘要：效果图：代码： <div class="container"> <div class="page-header"> <h1>Bootstrop的学习<small>今天主要介绍页头</small></h1> </div> <div class="row"> <div class="col-md-3 阅读全文

posted @ 2016-05-19 21:27 夜未央leo 阅读(1116) 评论(0) 推荐(0) 编辑

Bootstrap分页

摘要：效果图代码： <div class="container"> <nav> <ul class="pagination"> <li class="disabled"> <a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo 阅读全文

posted @ 2016-05-19 20:28 夜未央leo 阅读(145) 评论(0) 推荐(0) 编辑

Bootstrap--面包屑路径导航

摘要：效果图：代码： <div class="container"> <ol class="breadcrumb"> <li><a href="#">极客学院</a></li> <li><a href="#">HTML</a></li> <li><a href="#">Bootstrop</a></li 阅读全文

posted @ 2016-05-19 20:24 夜未央leo 阅读(1932) 评论(0) 推荐(0) 编辑

Bootstrap--标签和徽章<新闻后面的new hot等>

摘要：直接看效果吧！代码： <div class="container"> <h2>最近气温将会大幅上升<span class="label label-info">最新</span></h2> <h3>房价下跌了 <span class="label label-danger">hot</span>< 阅读全文

posted @ 2016-05-19 20:15 夜未央leo 阅读(533) 评论(0) 推荐(0) 编辑

Bootstrap-各式导航栏和下拉菜单

摘要： 1，最简单的下拉菜单文件组成：效果图： HTML代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="A 阅读全文

posted @ 2016-05-19 13:03 夜未央leo 阅读(1716) 评论(0) 推荐(0) 编辑

照片自动滑动，Bootstrap和js实现

摘要： 1.Bootstrap实现包含的文件 HTML代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <titl 阅读全文

posted @ 2016-05-19 12:24 夜未央leo 阅读(369) 评论(0) 推荐(0) 编辑

2016年5月1日

canvas

摘要：原文地址:http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html 直接搬过来的，原作总结的非常全面导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变（发散）图形变形（平移、旋转阅读全文

posted @ 2016-05-01 21:56 夜未央leo 阅读(269) 评论(0) 推荐(0) 编辑

2016年4月26日

计算器

摘要：  <form> <input type="number" id="num1"> + <input type="number" id="num2"> = <input type="number" id="result" readonly> <input type= 阅读全文

posted @ 2016-04-26 17:23 夜未央leo 阅读(110) 评论(0) 推荐(0) 编辑

2016年4月19日

如何形成梯子型的网页

摘要：以前从来没有注意到的一点小技巧，今天有时间，就记录一下，先看效果啦！ 1，首先在html body中，放两个div即可 <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <me 阅读全文

posted @ 2016-04-19 22:26 夜未央leo 阅读(32) 评论(0) 推荐(0) 编辑

公告