在前面的博文中我们提到横向一级菜单，这里我们来看看导航菜单。导航菜单种类很多，但是制作原理都是大同
小异的，这里看的比二级下拉式菜单还简单。来看一些网站上的导航菜单：
垂直导航菜单：
水平导航菜单：
一垂直菜单
制作原理：(1)用无序列表构建菜单；(2)标签的设置：ul li a{display:block;}。定义的...
分类：
Web程序 时间：
2016-01-01 23:07:55
阅读次数：
335
第一 迭代输出之ng-repeat标签ng-repeat让table ul ol等标签和js里的数组完美结合12345{{person.name}} is {{person.age}} years old.你甚至可以指定输出的顺序：1第二 动态绑定之ng-model标签任何有用户输入，只要是有值的h...
分类：
Web程序 时间：
2016-01-01 22:47:33
阅读次数：
205
这里实现的是一个图片的在线管理，类似于网络相册的图片管理。效果图如下:文件结构如下图：style2.css文件内容如下：@charset "utf-8";*{ margin:0; padding:0; }img { border:none; }ul,li{ list-style:none}ul li...
分类：
Web程序 时间：
2016-01-01 00:33:00
阅读次数：
315
关于a标签不换行顶开容器的问题（转自）：我们用div，p,ul，li(等块级元素)布局给其设定了特定的width，那么就会自动的换行。用span，a(等内联元素)设置了display:inline-block,或者display:block;也可以自动换行了。（但是含英文的时候这种方法就无效了，还是...
分类：
Web程序 时间：
2015-12-31 07:16:29
阅读次数：
142
<html><head><metacharset="utf-8"/><title>ULLI实现多级横向菜单</title><style>#menu1li{width:50px;height:20px;background:red;margin-left:2px;float:left}#menu1liul{display:none;}#menu1li:hoverul{display:block;}</style>..
分类：
Web程序 时间：
2015-12-29 16:26:18
阅读次数：
173
很多网站都会有一个常驻条，上面写的二维码，qq，电话，回到顶部，鼠标滑动上去会有提示，看起来可酷炫了，其实我们小虾米也会做的就看谁更会用学到的知识第一点，集成性：我们要将其写成ul li a结构，这样在滑动时很多效果其实是可以只写一个，都运用的到第二点，灵活性：我们将图片初始设为a链接的背景图片，h...
分类：
Web程序 时间：
2015-12-28 11:58:37
阅读次数：
130
css派生选择器：是指在某个样式表或者dom元素的行内定义行内元素的属性，而其他同名样式在其他dom节点无效的样式表定义方式。例如：div ul li{border:1px solid red;}我是有边框的我是无边框的定义了派生选择器的样式以后，变框属性只针对div ul li元素，而span u...
分类：
Web程序 时间：
2015-12-27 08:28:56
阅读次数：
246
html,body,h1,h2,h3,h4,h5,h6,form,dl,dd{ margin:0;}th,td{ padding:0;}input,textarea,ol,ul{ margin:0; padding:0;}textarea{ resize: none; ...
分类：
Web程序 时间：
2015-12-25 23:38:21
阅读次数：
227
例子1：if(!$('.side_ul ul').is(":animated")){ var wli = $('.side_ul li').width()+25; var lli = $('.side_ul li').length; var tw = lli*wli; var wit...
分类：
Web程序 时间：
2015-12-25 18:59:26
阅读次数：
134
在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<..
分类：
Web程序 时间：
2015-12-25 17:24:03
阅读次数：
145
