js文本框或者按钮鼠标悬停提示说明文字

最新推荐文章于 2024-01-05 08:21:02 发布

ztao2333

最新推荐文章于 2024-01-05 08:21:02 发布

阅读量456

点赞数

分类专栏： JS 文章标签： js文本框或者按钮鼠标悬停提示说明文字

本文链接：https://blog.csdn.net/ztao2333/article/details/88349554

版权

JS 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

本文介绍如何使用JavaScript为文本框和按钮添加鼠标悬停时的提示说明文字。通过监听鼠标悬停事件，动态创建并显示tooltip，提供更友好的用户体验。

摘要由CSDN通过智能技术生成

function title_show(fileId,InvestigatorId) {
    	var remarks = "";
    	var scrollTop = Math.max(document.documentElement.scrollTop,    
                        document.body.scrollTop);    
        var scrollLeft = Math.max(document.documentElement.scrollLeft, 
                         document.body.scrollLeft);
    	var el = document.getElementById(InvestigatorId);
        var pars = "fileId="+fileId+"&actionType=getRemarksAction";;
	jQuery.ajax({
	      async: false,
	      url: "<%=request.getContextPath() %>/icm/eclaim/summary.do",
	      data: pars,
	      success: function (data) {
	    	  remarks = data;
	      }
	});
    	var i = 0;
    	var j = 0;
    	var z = 1;
    	for(i=0;i<remarks.length;i+=z){
    		if(remarks.substring(i,i+1) !='\n'){
    			j++;
    			z = 1;
    		}else{
    			j = 0;
    			z = 1;
    		}
    		if(j>=51){
    			remarks = remarks.substring(0,i)+" 
                                  <br/>"+remarks.substring(i);
    			j = 0;
    			z = 5;
    		}
    	}
    	var div=document.getElementById("title_show");
    	title = remarks.replace(/\n/g,"<br/>");
    	div.innerHTML = title;
    	div.style.left = el.getBoundingClientRect().left+scrollLeft+20+"px";
    	div.style.top = el.getBoundingClientRect().top+scrollTop+24+"px";
    	div.style.display = '';
    	if(remarks == null || remarks == ""){
	    	div.style.display = "none";
    	}
    	var s = setTimeout("title_back()",15000);
    }

    function title_back() {
    	var div=document.getElementById("title_show");	
    	div.style.display = "none";
    }

<td class="table6 center">
	     <Field:hidden name="fileId" value="<%=vo.getFileId()%>"/>
	   <a href="#"  id="<%=InvestigatorId%>" 
            onclick="javascript:goSummery('<%=vo.getFileId()%>');"
							  		 onmouseover="title_show('<%=vo.getFileId()%>','<%=InvestigatorId%>');" onmouseout="title_back();"> <font color="blue"><%=vo.getInvestigationNo()%></font> </a>
	</td><div id='title_show' style='position:absolute;padding:0px 3px;line-height:23px;display:none;border:solid 1px #999999;background:#e9f9fc;'>
							</div>