- 8
冰鈊夢
transition动画transform.box{width:200px;height:200px;background-color:gold;margin:50pxauto0;transition:all1sease;}.box:hover{transform:translate(50px,50px);}.box2{width:200px;height:200px;background-col
- CSS中如何实现鼠标悬停效果？
神明木佑
css前端
在CSS中，您可以使用:hover伪类来实现鼠标悬停效果。:hover伪类会在用户将鼠标悬停在选择器所匹配的元素上时应用指定的样式。下面是一个简单的例子，展示了如何在鼠标悬停时改变文本颜色和背景颜色：MouseHoverExample.hover-effect{color:black;background-color:white;padding:10px;text-align:center;}.h
- css3实现鼠标放到图标上自动切换图标
黄丫丫07
csscss3html
作业div{font-family:'icomoon';width:1217px;height:1217px;background:url(images/1.jpg)no-repeat00;transition:all.2s;}div:hover{background:url(images/1.jpg)no-repeat-1200px0;}
- Eclipse 悬浮提示：提高编程效率的利器
lly202406
开发语言
Eclipse悬浮提示：提高编程效率的利器引言在当今的软件开发领域，Eclipse是一款广受欢迎的集成开发环境（IDE）。它以其强大的功能和灵活性而著称，被全球的开发者用于各种编程语言和项目。Eclipse的一个显著特点是其丰富的插件生态系统，这些插件极大地增强了其核心功能。其中，悬浮提示（Hover）功能是一个看似简单，但实际上非常实用的特性，它能在编程时提供即时的信息反馈，从而显著提高开发效率
- 前端基础面试题·第二篇——CSS（其一）
DT——
前端面试前端css
1.伪类与伪元素伪类，是用来描述元素的一个状态，比如第一个元素，元素被鼠标覆盖等等状态，写法为：伪元素，用于设置一个元素的特殊状态的一部分，写法为::伪元素于伪类：伪元素：::before::after::first-line伪类：:hover:active:focus:nth-child(n)2.单位px:像素，绝对单位em:相对单位，相对于父元素字体大小rem:相对单位，相对于根元素html的
- Debug-025-鼠标悬浮hover在父元素上修改子元素样式
码农小白-RMS
css前端
效果展示如下：鼠标移入父元素之后子元素修改样式功能：实现一个鼠标hover悬停在父元素上，然后修改子元素的样式的效果：//----------------html11//-----------------CSS.QQQQ{width:100px;height:100px;background:aquamarine;.qqqq{width:30px;height:30px;background:rg
- jquery事件
上心心上
jquery事件事件函数列表：blur()元素失去焦点focus()元素获得焦点change()表单元素的值发生变化click()鼠标单击dblclick()鼠标双击mouseover()鼠标进入（进入子元素也触发）mouseout()鼠标离开（离开子元素也触发）mouseenter()鼠标进入（进入子元素不触发）mouseleave()鼠标离开（离开子元素不触发）hover()同时为mousee
- css雪碧图实例
邵毅超
作业：雪碧图也就是一整张图片利用css样式里的background-position去调整位置，设置hover或是active显示出鼠标经过和点击的特效。链接图片的时候是相对路径下，并且是有url值的。再有图片显示要写一个no-repeat取消重复显示。购物车特效*{margin:0;padding:0;}.select{margin:0auto;display:block;width:1000p
- 2019-06-01课后作业
三腿M
HTML20190531作业CSS.bth:link{display:block;width:42px;height:30px;background-image:url(img/4.png);background-repeat:no-repeat;background-position:-8px-338px;}.bth:hover{background-position:-59px-338px;}
- CSS 之 动态九宫格效果
努力的小朱同学
花样CSScss前端
一、简介今天给大家分享的是纯CSS实现的动态九宫格布局效果，即：九个元素排列成三乘三的九宫格布局，当鼠标hover到某个元素时，该元素会被放大，而其他元素则会被挤压缩小，从而维持整个外层父元素的大小不变。具体效果如下面的gif图所示。只要你对效果中使用到的：CSS自定义属性、:has()伪类选择器、trasition过渡等CSS知识点熟料掌握，那么该效果实现起来可以说是相当简单。该效果可以应用在图
- React中实现antd自定义图标，鼠标悬浮变色
小鸟哗啦啦
react.js前端javascript
借助antd的tooltip组件来实现hover时变色的效果1.新建组件自定义图标一般在iconfont上面获取，复制下来的svg代码，切记要删除fill属性后添加到组件中import{Tooltip}from"antd";importReactfrom"react";constHoverableSvg=()=>{return({/*...*/});};exportdefaultHoverable
- 白骑士的CSS教学高级篇之高级选择器与伪类 4.2.2 伪类
白骑士所长
CSS教学css前端
伪类选择器是CSS中一种非常强大的工具，允许我们根据元素的特定状态来应用样式。通过使用伪类选择器，你可以创建更具交互性和动态性的网页。常用的伪类选择器包括‘:focus‘、‘:hover‘、‘:active‘和‘:visited‘，它们在设计用户体验时起着至关重要的作用。‘:focus‘伪类‘:focus‘伪类选择器用于选择当前处于焦点状态的元素。通常，当用户通过键盘或鼠标与表单元素（如输入框、按
- 实现div选中效果
stefanie_sun723
前端javascripthtmljqueryjavascripthtml
1.被点击时的效果可以用div:active{css}2.鼠标覆盖在上面的时候可以用div：hover{css;}3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下：a.先给div添加一个选中的样式比如on{css}；b.然后在js中$(‘div’).click(function{$(‘div’).toggleClass(’',‘on’);})这是jquery自带的
- 博客园-awescnb插件-geek皮肤优化-目录优化
丿似锦
工具awescnb插件交互
简介博客园-awescnb插件-geek皮肤下，文章内容目录显示优化：鼠标移入显示、目录展开/收起图标。⭐优化鼠标移入显示定义自定义CSS博客园->管理->设置->页面定制CSS代码添加代码#catalogullia:hover{background:rgba(80,80,80,.04);color:#807dd4;}鼠标移入展示不同背景展开/收起图标定义自定义CSS博客园->管理->设置->页面
- echarts柱形图X轴Y轴相关配置
船长㉿
可视化
可配置XY轴刻度线，字体大小，柱形图大小颜色等constoptions={tooltip:{trigger:'axis',axisPointer:{//坐标轴指示器，坐标轴触发有效type:'shadow'//默认为直线，可选为：'line'|'shadow'},textStyle:{//鼠标hover遮罩层字体大小fontSize:'12'}},xAxis:[{data:['大学食堂100间',
- Vue使用el-cascader 实现多级下拉菜单
孟宪磊mxl
vue.jsjavascript前端
代码：默认click触发子菜单hover触发子菜单exportdefault{data(){return{options:[],father:[{id:1,pid:'0',name:'安徽省',code:'340000',level:1},{id:13,pid:'0',name:'河北省',code:'350000',level:1}],children:[{code:"340800",id:13
- 高通SDX62 SDX65 QPS615 PCIE死机NoC timeout问题
bsp linux开发
linux
问题描述SDX65平台外接QPS615偶现死机问题，RAMDUMP解析是NoC错误修改描述PCI:DisableL0ssupportforSDX65withQPS615onCPEplatformNoCtimeoutissuesareseenwithHSPattachoverQPS615switchwhileIPAisaccessingHSPspecificregisters.Atthetimeof
- 31. 高度过渡 & 带粘性分区标题的列表
@大迁世界
CSS技巧与案例详解javascript前端
高度过渡当元素的高度未知时,将元素的高度从0过渡到auto。使用transition指定max-height的变化应该被过渡。使用overflow:hidden防止隐藏元素的内容溢出其容器。使用max-height指定0的初始高度。使用:hover伪类将max-height更改为由JavaScript设置的--max-height变量的值。使用Element.scrollHeight和CSSSty
- 33.鼠标悬停时的波浪线效果 & CSS 重置
@大迁世界
CSS技巧与案例详解css前端
鼠标悬停时的波浪线效果在鼠标悬停在链接上时创建波浪线效果。使用linear-gradient为链接创建重复背景。为链接创建一个:hover状态,其background-image为一个包含带有波浪路径和动画的SVG的dataURL。The<aclass="squiggle"href="#"
- ＜数据集＞遥感船舶识别数据集＜目标检测＞
深度学习lover
深度学习数据集目标检测人工智能计算机视觉YOLO深度学习
数据集格式：VOC+YOLO格式图片数量：15047张标注数量(xml文件个数)：15047标注数量(txt文件个数)：15047标注类别数：25标注类别名称：['AircraftCarrier','AuxiliaryShips','OtherShip','OtherWarship','Destroyer','Dock','Hovercraft','Submarine','Ferry','Barg
- Jenkins使用Publish Over SSH插件远程部署程序到阿里云服务器
Joe192
jenkinsssh阿里云
前言使用Jenkins远程构建springboot服务到阿里云上，Jenkins版本：Version2.462.11、准备在可选插件中，搜索MavenIntegration，Gitlab和PublishOverSSH三个插件：如果需要多用户管理那就安装：Role-basedAuthorizationStrategy插件即可2、配置PublishOverSSH服务如果这块出现问题，请查看下面问题解决
- css当中hover用法
仔仔尔
javascriptjavascriptcsshovercsshover
6.hover例1.6#mymenu{border:1pxsolidblack;/*refertofavo.dbk2008.comstyle.borderBottomWidth(Property)itcorrespondingCSSsyntax:border-bottom-width:aWidth*/border-bottom-width:4;width:150px;background-colo
- CSS 8种让人眼前一亮的hover效果眼前一亮的HOVER效果
小湾生产队队长
CSS样式
目录CSS8种让人眼前一亮的hover效果眼前一亮的HOVER效果一、发送效果二、霓虹效果三、边框效果四、圆形渐进效果五、圆角效果六、冰冻效果七、闪亮效果八、加载效果CSS8种让人眼前一亮的hover效果眼前一亮的HOVER效果一、发送效果效果HTML//这里是一个svg的占位SendCSS#send-btn{display:flex;align-items:center;justify-cont
- 27.CSS 伪类是什么? & 屏幕外
@大迁世界
CSS技巧与案例详解css前端
CSS伪类是什么?CSS伪类提供了一种根据元素状态的变化来设置样式的方法。例如,:hover可用于在用户的指针悬停在元素上时应用额外的样式。伪类让你可以根据文档树的内容(例如:first-child)、外部因素如导航器的历史记录(例如:visited)、内容的状态(例如:checked)或鼠标的位置(例如:hover)来对元素应用样式。常用的伪类以下是5个最常用的伪类及其用法列表。这个列表绝不是完
- 2019-03-28作业
您的名称已被使用
html：zuoye1css：.he{width:45px;height:33px;overflow:hidden;position:relative;margin:50pxauto;}.heimg{/*display:inline-block;*/position:absolute;top:-335px;left:-10px;}.heimg:hover{left:-59px;}.heimg:ac
- css选择器
xiaobai_cpp
csscss前端
层叠：优先级的准确规则如下：1：如果选择器的ID数量更多，则它会胜出（即它更明确）。2：如果ID数量一致，那么拥有最多类的选择器胜出。3：如果以上两次比较都一致，那么拥有最多标签名的选择器胜出。4：源码顺序层叠的第三步，也是最后一步，是源码顺序。如果两个声明的来源和优先级相同，其中一个声明在样式表中出现较晚，或者位于页面较晚引入的样式表中，则该声明胜出。说明伪类选择器（如:hover）和属性选择器
- el-table 取消鼠标移入时变色
大可-
vue.jsjavascriptelementui
::v-deep.el-table--enable-row-hover.el-table__bodytr:hover>td{background-color:transparent;}
- CSS3新特性和CSS3动画
css3
CSS3的新特性1.选择器：（1）属性选择器：[属性名][属性名=属性值][属性名^=属性值][属性名$=属性值][属性名*=属性值]（2）伪类选择器：为特定状态的元素添加样式，例如:hover、:active、:visited。（3）伪元素选择器：选择特定部分的元素，例如::before、::after。（4）多重选择器：使用逗号分隔来同时选择多个元素，例如element1,element2。2
- jq22中部导航栏hover样式
洋洋袁
浏览jq22的时候,觉得页面上详细导航栏的hover很好看,当你hover上去的时候,整个盒子的周围边框会从左上角流动到右上角,当鼠标离开,又流回来.所以把代码弄下来,试着玩了一下,这里做一个小结.毕竟以前也用到transition,但是没别人玩的溜啊.需要用到的知识点:1.标签的伪元素::before和:after.事实上,这个两个伪元素京城被用来实现效果,例如字体图标等2.transition
- vscode导入其他文件夹下报错No Module
Sinsinw
vscode
在项目中创建haunch.json如下{//UseIntelliSensetolearnaboutpossibleattributes.//Hovertoviewdescriptionsofexistingattributes.//Formoreinformation,visit:https://go.microsoft.com/fwlink/?linkid=830387"version":"0.
- Hadoop(一)
朱辉辉33
hadooplinux
今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。
首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.
在hdfs下，运行hadoop fs -mkdir /u
- maven An error occurred while filtering resources
blackproof
maven报错
转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources
maven报错：
maven An error occurred while filtering resources
Maven -> Update Proje
- jdk常用故障排查命令
daysinsun
jvm
linux下常见定位命令：
1、jps 输出Java进程
-q 只输出进程ID的名称，省略主类的名称；
-m 输出进程启动时传递给main函数的参数；
&nb
- java 位移运算与乘法运算
周凡杨
java位移运算乘法
对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：
问题：
用最有效率的方法算出2 乘以8 等於几?”
答案：2 << 3
由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
- java中的枚举(enmu)
g21121
java
从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举：
public enum ResultType {
/**
* 成功
*/
SUCCESS,
/**
* 失败
*/
FAIL,
- MQ初级学习
510888780
activemq
1.下载ActiveMQ
去官方网站下载：http://activemq.apache.org/
2.运行ActiveMQ
解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。
启动ActiveMQ以后，登陆：http://localhos
- Spring_Transactional_Propagation
布衣凌宇
springtransactional
//事务传播属性
@Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个
@Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务
@Transactional(propagation=Propagation.REQUIREDS_N
- 我的spring学习笔记12-idref与ref的区别
aijuans
spring
idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如：
<bean id ="theTargetBean" class="..." />
<bean id ="theClientBean" class=&quo
- Jqplot之折线图
antlove
jsjqueryWebtimeseriesjqplot
timeseriesChart.html
<script type="text/javascript" src="jslib/jquery.min.js"></script>
<script type="text/javascript" src="jslib/excanvas.min.js&
- JDBC中事务处理应用
百合不是茶
javaJDBC编程事务控制语句
解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复
事务常用命令:
Commit提交
- [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论
bijian1013
java多线程线程安全HashMap
在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
- ng-if与ng-show、ng-hide指令的区别和注意事项
bijian1013
JavaScriptAngularJS
angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
- 【持久化框架MyBatis3七】MyBatis3定义typeHandler
bit1129
TypeHandler
什么是typeHandler?
typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射
内置typeHandler
MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
- 上传下载文件rz,sz命令
bitcarter
linux命令rz
刚开始使用rz上传和sz下载命令：
因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求：
我遇到的问题：
sz下载A文件10M左右，没有问题
但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题
解决方法：
上传命令改为;rz -ybe
下载命令改为：sz -be filename
如果还是有问题：
那就是文
- 通过ngx-lua来统计nginx上的虚拟主机性能数据
ronin47
ngx-lua 统计 解禁ip
介绍
以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能
支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计.
可以统计与query-times request-time
- java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132
bylijinnan
java
import java.util.Arrays;
import java.util.Comparator;
public class MinNumFromIntArray {
/**
* Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。
* 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
- Oracle基本操作
ccii
Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
一、表操作
1. 常用数据类型
NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位
NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位）
VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位）
CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
- [强人工智能]实现强人工智能的路线图
comsci
人工智能
1：创建一个用于记录拓扑网络连接的矩阵数据表
2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图
3：将这个流程图导入到矩阵数据表中
4：在矩阵的每个有意义的节点中嵌入一段简单的
- 给Tomcat，Apache配置gzip压缩(HTTP压缩)功能
cwqcwqmax9
apache
背景：
HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
- SpringMVC and Struts2
dashuaifu
struts2springMVC
SpringMVC VS Struts2
1:
spring3开发效率高于struts
2:
spring3 mvc可以认为已经100%零配置
3:
struts2是类级别的拦截， 一个类对应一个request上下文，
springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应
所以说从架构本身上 spring3 mvc就容易实现r
- windows常用命令行命令
dcj3sjt126com
windowscmdcommand
在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
- 再看知名应用背后的第三方开源项目
dcj3sjt126com
ios
知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《
iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者
@iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了
Facebook Paper使用的第三
- Objective-c单例模式的正确写法
jsntghf
单例iosiPhone
一般情况下，可能我们写的单例模式是这样的：
#import <Foundation/Foundation.h>
@interface Downloader : NSObject
+ (instancetype)sharedDownloader;
@end
#import "Downloader.h"
@implementation
- jquery easyui datagrid 加载成功，选中某一行
hae
jqueryeasyuidatagrid数据加载
1.首先你需要设置datagrid的onLoadSuccess
$(
'#dg'
).datagrid({onLoadSuccess :
function
(data){
$(
'#dg'
).datagrid(
'selectRow'
,3);
}});
2.onL
- jQuery用户数字打分评价效果
ini
JavaScripthtmljqueryWebcss
效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery用户数字打分评分代码 - HoverTree</
- mybatis的paramType
kerryg
DAOsql
MyBatis传多个参数：
1、采用#{0},#{1}获得参数：
Dao层函数方法：
public User selectUser(String name,String area);
对应的Mapper.xml
<select id="selectUser" result
- centos 7安装mysql5.5
MrLee23
centos
首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。
#列出所有被安装的rpm package rpm -qa | grep mariadb
#卸载
rpm -e mariadb-libs-5.
- 利用thrift来实现消息群发
qifeifei
thrift
Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
- 实现一个sizeof获取Java对象大小
teasp
javaHotSpot内存对象大小sizeof
由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。
- SVN错误及处理
xiangqian0505
SVN提交文件时服务器强行关闭
在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found
文件：repository/db/txn_current、repository/db/current
其中current记录当前最新版本号，txn_current记录版本库中版本
