<ul> <li class="ls">1</li> <li class="ls">2</li> <li class="ls">3</li></ul>//获取值,点击事件获取当前点击ul值<script> $(".ls").click(function(){ alert($(this).text() ...
分类：
其他好文 时间：
2018-04-17 19:45:47
阅读次数：
134
先来看一下效果： 1、基本效果就是这样的 ，鼠标悬停，下划线划入。鼠标离开，下划线划出 2、下划线的划入是有方向的，从左侧划入悬停，下划线由左向右伸长。从右侧划入，下划线由又往左伸长 实现思路 1、导航是由ul+li组成的，在这里显然li 的宽度是不固定的。所以，我们可能需要从 li 本身的宽度上做 ...
分类：
Web程序 时间：
2018-04-16 23:54:08
阅读次数：
584
首先什么是事件委托，一般我们设置事件监听的时候都是在需要触发事件的节点上设置。假设一个nav节点下有几十上百个li标签，就算使用循环绑定都是相当耗费内存，使页面速度下降。为了解决这个问题可以使用事件委托，将事件委托给他们共同的父元素节点ul上，通过事件的冒泡将事件传递到点击节点的父节点ul上，从而触 ...
分类：
Web程序 时间：
2018-04-16 12:09:55
阅读次数：
2313
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body,ul,ol{ margin:0; padding:0; border: 0; } li{ list-st ...
分类：
其他好文 时间：
2018-04-13 11:05:57
阅读次数：
234
1.如果ul下有很多li，需要在一行显示，并且设置margin。但是通常要取消第一个li的margin-left。使用：first-child有的浏览器不兼容。 适用场景：单行左对齐，有间距 2.多行文字垂直居中 4.:after伪类+content 让大小不固定图片垂直居中 让图片垂直居中一直没有 ...
分类：
Web程序 时间：
2018-04-11 16:09:19
阅读次数：
169
### 4.列表标签：# <ul>: 无序列表# <ol>:有序列表# <li>:列表中的每一项.# <dl> 定义列表# <dt> 列表标题# <dd> 列表项### 5.表格标签: <table>:# border: 表格边框.# cellpadding: 内边距# cellspacing: 外 ...
分类：
其他好文 时间：
2018-04-09 19:05:23
阅读次数：
210
$(function(){ var myNav = $(".nav>ul>li>a"),i; for(i=0;i<myNav.length;i++){ var links = myNav.eq(i).attr("href").split(".")[0]; var myURL = document.U ...
分类：
其他好文 时间：
2018-04-09 15:50:54
阅读次数：
193
1.变量 -- 多值变量 2.嵌套 ①.选择器 a &:hover{} ②.属性 3.混合 @mixin left{ float:left; } ul li { @include left } 4.继承 @entend 5.运算 6.。。。 ① 三目判断 ②循环 ...
分类：
其他好文 时间：
2018-04-09 13:10:04
阅读次数：
136
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,leg ...
分类：
Web程序 时间：
2018-04-07 17:44:35
阅读次数：
1915
