html鼠标悬停超链接（头像、文字）显示提示信息

在超链接中加上一个title，双引号里面是要显示的信息，我的代码里${param.username}是EL语句，可以替换成你要添加的任何或者删掉

在<·a> <./a>中间可以添加任何你要设置的悬停，超链接、图片等等

<a href="#" title="${param.username}的个人中心" style="text-decoration:none"><img src="D:\图片\yes.jpg"></a>

头像：

头像的css
.head-img {width: 40px;height: 40px;background-color:#efff;padding: 3px;box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);margin: 0 auto 10px;box-sizing: border-box;border-radius: 50%;}  .head-img img {display: block;width: 40px;height: 40px;border-radius: 50%;}

在body中插入示例

<div class="head-img"><div style="position: absolute; top: 30px; right: 70px; width: 100px; text-align:right;"><a href="#" title="${param.username}的个人中心" style="text-decoration:none"><img src="D:\图片\yes.jpg"></a>     </div></div>

这是设置头像位置在右上角，将top改成bottom则是右下角，right改成left设置为左

<div style="position: absolute;
top: 30px; right: 70px; width: 100px; text-align:right;">

html鼠标悬停超链接（头像、文字）显示提示信息相关推荐

Html字母变大的代码,css鼠标选中字体变大 div css鼠标悬停超链接的文字变大
css鼠标选中字体变大 css鼠标悬停超链接的文字变大 CSS布局鼠标悬停在超链接上字体变大,css实现鼠标经过锚文本文字时改变字体大小篇. 实现这一效果需要的是:hover伪类设置需要字体. 鼠标选 ...
【鼠标移动到上面自动显示提示信息文字】
鼠标移动到上面自动显示提示信息文字通过title属性进行设置,具体见下: <a href="javascript:void(0)" title="提示信息&quo ...
Unity UGUI 鼠标悬停一段时间显示Text文字
Unity UGUI 鼠标悬停一段时间显示Text文字 using System.Collections; using System.Collections.Generic; using UnityE ...
Vue中鼠标悬停更换图片/文字内容，动态展示/修改某些属性
Vue中鼠标悬停更换图片/文字内容,动态展示/修改某些属性鼠标悬停时:@mouseenter 鼠标离开时:@mouseleave 利用以上来绑定相应方法,例如: <div @mouseleav ...
html超链接去掉下划线鼠标悬停超链接变颜色
style<> a{ text-decoration:none; } //去掉下划线 a:hover{ background:#00F; color:#FFF } / ...
jQuery 鼠标指针悬浮在文字上提示信息
鼠标提示代码: <!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" ...
css3鼠标悬停按钮颜色文字变化
下载地址css3鼠标悬停在按钮上的特效,颜色和文字变化切换成其它的 dd:
Axure 8 鼠标悬停在菜单文字上时文字颜色改变
效果如下: 第一步:从原件库中拖拽垂直菜单到设计页面第二步:选中菜单,然后点击鼠标悬停第三步:在字体颜色的框中打钩选中,然后设置鼠标悬停后需要的颜色第四步:在"选中的菜单项" ...
html鼠标悬停图片释义文字消失,鼠标悬停，在图片上显示文字~
面向对象 function $(id){return typeof id === "string" ? document.getElementById(id) : id;} fun ...

html鼠标悬停超链接（头像、文字）显示提示信息

html鼠标悬停超链接（头像、文字）显示提示信息相关推荐

最新文章

热门文章