鼠标移过去就显示的JS代码
来源:互联网 发布:mac os update 编辑:程序博客网 时间:2024/04/29 15:49
<span onmouseover="showdes()">showdes</span>
<div style="position:absolute;font-size:9pt;background-color:#F1FAF7;width:150;display:none" id="des"></div>
function showdes(){
var obj=event.srcElement.parentElement.children(5);
var obj2=event.srcElement.parentElement.children(3);
if(obj!=null||obj2!=null){
if(obj.innerText!=""||obj2.innerText!=""){
document.getElementById('des').style.display="block";
document.getElementById('des').innerHTML="<table border=1 bordercolor=black width=150><tr><td style='white-space:normal;padding:5pt'>"+obj2.innerText+obj.innerText+"</td></tr></table>";
x=event.clientX;
y=event.clientY;
var bwidth=document.body.offsetWidth;
if((x+150)>bwidth){
x=x-150;
}
document.getElementById('des').style.top=y+5;
document.getElementById('des').style.left=x+5;
}
else{
document.getElementById('des').style.display="none";
}
}
event.cancelBubble=true;
}
document.body.attachEvent("onmouseover",closedes);
function closedes(){
document.getElementById('des').style.display="none";
}
更简单的方法:<span title="no des">blockname</span> 用title就可以代替以上的代码了
- 鼠标移过去就显示的JS代码
- 鼠标移过去就显示的JS代码
- 过去的,就过去了
- MFC CListBox 鼠标移动到一行就显示高亮的方法代码
- js实现鼠标点击input框后里面的内容就消失代码
- 一个鼠标移动的就能显示的层
- MFC 实现图片的拖拽功能,代码很详细,贴过去就能用!
- 关于鼠标移上去显示层,鼠标移出事隐藏层的js解决方法
- js复制代码到其他地方+鼠标悬停显示小手
- JS之鼠标移上显示,鼠标移开隐藏
- JS显示鼠标位移
- js显示鼠标坐标
- 鼠标点击复制的JS代码
- 动态鼠标JS代码
- AndroidStudio鼠标放到代码上自动显示代码的信息
- JS实现鼠标移上图片显示、大图显示
- ToolTip为什么只显示一次? 将鼠标再移上去就不显示了。
- css效果,在一个盒子里,把一部分内容隐藏掉,在鼠标悬停到div时,就会把隐藏的部分向上显示出来。 不用js操作,纯css就可以。
- 直接用socket实现HTTP协议(下载专用)
- 使用windows api 从网上下载文件
- 编译OpenSceneGraph
- 不同包路径下同名类的hibernate冲突问题
- 用UDP协议实现广播通信
- 鼠标移过去就显示的JS代码
- 成长的勇气
- 我的个人介绍
- 论文涉及技术:使用 portlet 与业务流程引擎建立连接
- 最新NBA动态
- 从数据库输出到XML
- 将多种设计模式结合使用
- 堆与栈的区别
- AJAX IN ACTION 学习笔记(一)