主页 > 知识库 > 单纯使用CSS实现动态提示信息

单纯使用CSS实现动态提示信息

热门标签:电销机器人的宣传语 南通电话外呼系统开发 沸思外呼线路 北京销售外呼系统线路 石家庄电话机器人电话 400电话办理安徽 南宁外呼电销系统招商 江西防封卡外呼系统怎么安装 电销智能机器人靠谱么
也许已经有人发现可以这样写...

CSS代码部分
a.info {
    position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none }

a.info:hover {
    z-index:1; background-color:#ff0 }

a.info span {
    display: none }

a.info:hover span {
    display:block; position:absolute; top:12px; left:2px; width:160px; border:1px solid #0cf; background-color:#cff; color:#000; text-align: center }

body区调用方法
1.a class="info" href="javascript:;">b>需要添加注释的文本/b>span>提示信息/span>/a>

2.a class="info" href="javascript:;">img src="需要添加注释的图片">span>提示信息/span>/a>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

标签:衢州 云南 来宾 阳泉 北海 晋中 宁夏 盐城

巨人网络通讯声明:本文标题《单纯使用CSS实现动态提示信息》,本文关键词  单纯,使用,CSS,实现,动态,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《单纯使用CSS实现动态提示信息》相关的同类信息!
  • 本页收集关于单纯使用CSS实现动态提示信息的相关信息资讯供网民参考!
  • 推荐文章

    上一篇:全面了解CSS

    下一篇:像table一样布局div