在按钮上增加提示信息、背景可透明

首先,加入该DIV
<div id=pop
style=" position: absolute; width: 400;z-index: 11; display: none; background-color: #ffffdd">
</div>


然后加入两个js方法:
  function cc(tt,desc,summ) 
{
var e = document.getElementById("pop");
var t = tt.offsetTop; //TT控件的定位点高
var h = tt.clientHeight; //TT控件本身的高
var l = tt.offsetLeft; //TT控件的定位点宽
var ttyp = tt.type; //TT控件的类型
while (tt = tt.offsetParent){t += tt.offsetTop; l += tt.offsetLeft;}
e.style.top = (ttyp=="image")? t + h : t+10; //层的 Y 坐标
e.style.left = l + 50; //层的 X 坐标
e.style.display = "block"; //层显示
// e.innerText = "asdads"; ,${item.name},${item.name}
e.innerHTML = "工具简介:"+desc+"<br>改版履历:"+summ;
}
function aaclear(){
document.getElementById("pop").style.display = 'none';
}


一个是当鼠标移上去时显示效果,另一个是当鼠标移开时清楚效果的。

好了,现在只需要在你需要的地方调用就可以了;

比如:

<a href="tool.do?method=toVersionList&name=${item.name}"
onmouseover="cc(this,'${item.description}','${item.summary}')" onmouseout="return aaclear();">${item.name}</a>



另外,如果你向让DIV透明,只需要把背景颜色去掉就OK了,即
style=" position: absolute; width: 400;z-index: 11; display: none; "
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值