摘要: 1,单纯显示文本内容: html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xm 阅读全文
posted @ 2016-05-30 12:23 夜未央leo 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 1,纵向菜单的收起与展开 HTML代码: 阅读全文
posted @ 2016-05-29 19:01 夜未央leo 阅读(643) 评论(0) 推荐(0) 编辑
摘要: 此文介绍的是缩小浏览器,排班不随浏览器窗口大小变化,如果需要排班随浏览器变化,使用bootstrap会更好,今天要介绍的是固定排班 加入JS代码: <script language="javascript"> function readyPage() { if (screen.width >= 16 阅读全文
posted @ 2016-05-26 19:36 夜未央leo 阅读(430) 评论(0) 推荐(0) 编辑
摘要: 1,纵向 HTML: <body> <ul id="menu"> <li> <a href="#">水果</a> <ul style="width:100px; background-color:gray"> <li><a href="#">苹果</a></li> <li><a href="#">梨 阅读全文
posted @ 2016-05-25 22:06 夜未央leo 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 原文:http://www.cnblogs.com/zengzhaoguang/archive/2016/05/24/5524036.html 1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function 阅读全文
posted @ 2016-05-24 19:41 夜未央leo 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 原文地址: http://www.oschina.net/news/56236/40-important-html-5-interview-questions-with-answers 我是一个ASP.NET MVC的开发者,最近在我找工作的时候被问到很多与HTML5相关的问题和新特性。所以以下40 阅读全文
posted @ 2016-05-21 12:13 夜未央leo 阅读(471) 评论(0) 推荐(0) 编辑
摘要: 1,单个效果图: 代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="" 阅读全文
posted @ 2016-05-20 12:50 夜未央leo 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 1,Bootstrap写法: 效果图: 代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" 阅读全文
posted @ 2016-05-20 12:35 夜未央leo 阅读(464) 评论(0) 推荐(0) 编辑
摘要: 效果图: 代码: <div class="container"> <ul class="media-list"> <li class="media"> <div class="media-left"> <a href="#"> <img src="1.jpg" style="width:64px;h 阅读全文
posted @ 2016-05-19 21:52 夜未央leo 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 效果: 代码: 阅读全文
posted @ 2016-05-19 21:46 夜未央leo 阅读(131) 评论(0) 推荐(0) 编辑