码迷,mamicode.com
首页 >  
搜索关键字:hover    ( 2235个结果
Sass
1.使用变量 1) 变量声明 2) 变量引用 3) 变量中中划线和下划线指向同一个变量 2. 嵌套CSS 规则 1) 父选择器的标识符& 应用:添加伪类; 在父选择器之前添加选择器 $font-color:red; .box{ color:$font-color; &:hover{ color:bl ...
分类:其他好文   时间:2018-12-13 14:27:11    阅读次数:152
前段小结
入门 一.前端三剑客 html 完成页面架构的搭建 文件: .html css 完成页面样式布局(装修) 文件: .css js 完成页面功能(特效/渲染/用户交互/数据刷新) 文件: .js 二.编辑器 - 安装 官网傻瓜式安装 - 插件 插件管理器 ctrl+~ 安装 package contr ...
分类:其他好文   时间:2018-12-10 21:58:40    阅读次数:169
HTML+CSS +JS 轮播图
效果图如上: ...
分类:Web程序   时间:2018-12-10 19:36:59    阅读次数:250
20181208
昨天做的页面里面有一部分是需要加hover效果的,要让鼠标悬浮在图片上的时候给图片添加宽2px的边框,以及一个向上的箭头,朋友们的做法都不太一样,有用visibility:hidden和visibility:visible,来实现的,也有用opacity的,而我只是改了边框线和箭头的颜色,只需要在鼠 ...
分类:其他好文   时间:2018-12-08 16:13:01    阅读次数:131
js导出表格
<div class="container"> <table id="backViewTable" class="table table-hover table-sm table2excel"> <tr> <td>#</td> <td>ID</td> <td>姓名</td> <td>座位号</td> ...
分类:Web程序   时间:2018-12-08 11:27:22    阅读次数:239
关于css伪类,伪元素详解总结
伪类 伪类就是一种虚构的状态或者说是一个具有特殊属性的元素可以使用CSS进行样式修饰。常见的几种伪类是: :link , :visited , :hover , :active , :first child 以及 :nth child。 这里还有很多,接下来我们将要逐一进行介绍。此外,伪类前面总是加 ...
分类:Web程序   时间:2018-12-07 14:43:48    阅读次数:134
CSS知识梳理05
:link:visited:active:hover :focus 获取焦点的时候 animation:名称 持续时间 过渡类型 延迟时间 循环次数 是否反向;@keyframes 定义动画详情 ...
分类:Web程序   时间:2018-12-05 20:45:26    阅读次数:295
css 语法分析
CSS基础知识 CSS规则由两个主要的部分构成:选择器,以及一条或者多条声明 在上面的CSS代码中: h1 是选择器 {color:red;front-size:14px;} 是声明 color是属性名称 red是属性值 color:red; 被称为一个声明 每个声明由一个属性和一个值组成。sele ...
分类:Web程序   时间:2018-12-05 16:17:19    阅读次数:195
根据鼠标移入移出方向,实现hover效果
首先,我们要判断鼠标移入对象的方向:先获取该对象的左边距,然后通过判断鼠标距离上面、左面、右面、下面的值的最小值,来获取鼠标移入对象的方向。JS代码:;(function($){$.fn.extend({dirMove:function(){var$outer=this;var$mask=this.find("#mask");vardisL=$outer.offset().left;vardisT
分类:其他好文   时间:2018-12-03 21:06:38    阅读次数:259
CCS选择器基础
上周学习了HTML和css的一些基础,今天来夯实一下基础 选择器有: 1、标签选择器 :就是HTML 中的标签 如<p> <h1> <body>等 2、类选择器: 用 class="类选择器名称" 为标签设置一个类 ,以英文原点开头,语法: .类选择器名称{css样式代码} 3、ID选择器:用 id ...
分类:其他好文   时间:2018-12-02 21:10:12    阅读次数:809
2235条   上一页 1 ... 49 50 51 52 53 ... 224 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!