使用ul li标签构建导航栏，在li中设置两个并列标签<a>和<span>，分别装有中文和英文，利用css:hover伪类设置显示隐藏。 代码如下： ...
分类：
其他好文 时间：
2018-07-22 22:22:48
阅读次数：
168
CSS ul（列表样式） CSS列表属性作用如下： 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 一、列表 在HTML中，有两种类型的列表： 无序列表 - 列表项标记用特殊图形（如小黑点、小方框等） 有序列表 - 列表项的标记有数字或字母 使用CSS，可以列出 ...
分类：
Web程序 时间：
2018-07-21 15:04:58
阅读次数：
4313
一，CSS3 选择器分类 二，选择器语法 1，基本选择器语法 2，层次选择器语法 3，动态伪类选择器语法 4，目标伪类选择器 5，UI元素状态伪类选择器语法 6，结构伪类选择器使用语法 注：（1），“ul>li:nth-child(3)”表达的并不是一定选择列表ul元素中的第3个子元素li，仅有列表 ...
分类：
Web程序 时间：
2018-07-19 13:44:02
阅读次数：
216
首先将每一个li上面添加一个移入事件onmouseover;在悬浮事件里面设置event事件源 JS样式里首先应该找到页面里的ul 然后在ul里面的所有li var ln = bg.querySelectorAll("li"); 在移入函数中获取触发事件元素 var leg = e.target;/ ...
分类：
Web程序 时间：
2018-07-19 11:56:16
阅读次数：
916
1、 遇到的第一种情况是通过ul li 标签来实现的。 因为 for-in 在传递参数的时候是可以传递index作为第二个参数的，所以，可以在data里面设置一个变量 sel，来存储选中的序号（可以设置一个默认值），然后和index进行比对。如果相等，就表示该元素被选中，相应的做出一些样式变化之类的 ...
分类：
其他好文 时间：
2018-07-17 10:35:56
阅读次数：
1638
作为一个转行刚到公司的新人，任务不多，这一周任务全部消灭，闲暇的一天也别闲着，悄悄的看起了书。今天写一下JS的事件冒泡、捕获。 也是今天看的内容有点多了，有些消化不了，就随手记录一下。纯属自我理解，如果有不对，还请指导提出，小弟一定改正。 好了，话不多说。那么事件冒泡是什么？ 举个例子 ul > l ...
分类：
Web程序 时间：
2018-07-16 18:02:17
阅读次数：
198
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } body,html { height: 100%; } ul { l ...
分类：
Web程序 时间：
2018-07-16 14:14:53
阅读次数：
247
嵌套，是less里面最有意思的小东西，比如说我们经常性的去写一些列表性的东西 html <ul class="list"> <li><a href="#">links</a><span>2018-07-16</span></li> <li><a href="#">links</a><span>201 ...
分类：
其他好文 时间：
2018-07-16 11:28:59
阅读次数：
124
1.无序列表 -项目符号：实心圆（disc）、方框(square)、空心圆(circle) -列表<ul> 列表项<li> </li></ul> -type属性：用于修改项目i符号分类 将<ul>修改为<ul type="square"> 2.有序列表 -和无序列表类似，只是列表为<ol> -列表符 ...
分类：
Web程序 时间：
2018-07-15 16:11:51
阅读次数：
262
Link oneLink twoLink threeLink four在上面的例子中，我们把 ul 元素和 a 元素浮向左浮动。li 元素显示为行内元素（元素前后没有换行）。这样就可以使列表排列成一行。ul 元素的宽度是 100%，列表中的每个超链接的宽度是 7em（当前字体尺寸的 7 倍）。我们添... ...
分类：
Web程序 时间：
2018-07-15 11:19:01
阅读次数：
198
