所谓指令系统，大家可以联想咱们的cmd命令行工具，只要我输入一条正确的指令，系统就开始干活了。 在vue中，指令系统，设置一些命令之后，来操作我们的数据属性，并展示到我们的DOM上。 OK，接下来我们一一介绍我们的指令系统的用法。 一、条件渲染 1、v-if 表示条件渲染 在vue中，我们使用v-i ...
分类：
其他好文 时间：
2018-07-23 18:00:26
阅读次数：
168
简单实现三级导航栏效果，如图： 代码如下： 要想实现每级菜单的指针悬停颜色变化不同，在css样式中添加如下代码： ...
分类：
其他好文 时间：
2018-07-22 22:29:04
阅读次数：
215
文字公告滚动轮播-jq22.com 1 我爱北京天安门 2 我爱北京天安门 3 我爱北京天安门 4 我爱北京天安门 5 我爱北京天安门 ...
分类：
其他好文 时间：
2018-07-14 13:12:28
阅读次数：
303
1. 基本表格： 2. 条纹状表格： 3. 带边框的表格： 4. 鼠标悬停（在每一行上悬停会有响应） 5. 紧缩表格（padding减小，变得更紧凑） 6. 状态类（设置在 行tr或 单元格td 上，颜色不同而已） ...
分类：
其他好文 时间：
2018-07-05 21:25:39
阅读次数：
114
a.tt:hover {color: #FF0000;} <a class="tt" href="test.html">test</a> 参考：https://zhidao.baidu.com/question/504818490.html ...
分类：
Web程序 时间：
2018-07-05 00:42:02
阅读次数：
846
先放两张效果图。 前两天在微信公众号JavaScript里看到一篇文章 《利用CSS变量实现令人震惊的悬浮效果》，觉得好好看好好玩，就自己动手写了一下。 页面DOM。 鼠标悬停动效，顾名思义，跟鼠标是有很大关系的。首先，我们得 知道鼠标的位置。 1、监听元素的鼠标移动事件； 2、计算鼠标相对元素的位 ...
分类：
Web程序 时间：
2018-07-03 15:09:08
阅读次数：
402
注：{声明块} 基础选择器 通配符选择器：*{ } 层次选择器 子集选择器：div>p{ } 后代选择器：div+“空格”+p{ } 兄弟选择器：A+B{ } 通用选择器：A~B{ } 动态伪类选择器 未访问：a:link{ } 已访问：a:visited{ } 悬停：a:hover{ } 注：移动 ...
分类：
其他好文 时间：
2018-06-23 19:15:03
阅读次数：
130
层次选择器 子集选择器：action>section: 后代选择器：body section: 兄弟选择器：A+B: 通用选择器：A~B： 动态伪类选择器 未访问：a:link 已访问：a:visited 悬停：a:hover 点击时：a:active 焦点框（多用于框的链接）：a:fouce 结构 ...
分类：
其他好文 时间：
2018-06-23 17:02:15
阅读次数：
138
在webdriver中，鼠标的一些操作如：双击、右击、悬停、拖动等都被封装在ActionChains类中，我们只用在需要使用的时候，导入这个类就可以了。 0.ActionChains类提供的鼠标常用方法： perform()：执行所有 ActionChains 中存储的行为。 context_cli ...
分类：
编程语言 时间：
2018-06-22 13:34:29
阅读次数：
130
先上效果图: 关键点只有一个:获取鼠标悬停点位置. 所以只需要搜索框的margin-top设置 event.pageY-event.offsetY(鼠标悬停li标签距离顶部的高度) 以下是源码直接运行即可 <!DOCTYPE html> <html lang="en"> <head> <meta c ...
分类：
其他好文 时间：
2018-06-03 00:56:26
阅读次数：
271
