`

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

    博客分类:
  • JS
阅读更多
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>
分享到:
评论

相关推荐

    jquery鼠标悬停下载按钮滑动显示提示信息文本框

    "jQuery鼠标悬停下载按钮滑动显示提示信息文本框"是一个常见的交互设计技巧,它提升了用户对页面元素的理解和操作性。这个功能利用了JavaScript库jQuery的强大功能,实现了当鼠标悬浮在下载按钮上时,相关信息文本框...

    js按钮、文本框、图片提示脚本特效大全.rar

    js按钮、文本框、图片提示脚本特效大全,这里运用了弹出层技术,实现了对文本框、按钮、图片以及下拉框等常用网页组件的适时文字提示特效,当鼠标悬停于以上组件时,均会显示出带人性化标记的文字提示。提示基于弹出...

    文本框取鼠标事件文本框取鼠标事件

    - `onmouseover`/`onmouseout`:鼠标悬停/离开。 - `onclick`:鼠标点击。 - `onmousedown`/`onmouseup`:鼠标按钮按下/释放。 - `onmousemove`:鼠标移动。 - **用途**:这些事件常用于实现用户界面的动态效果...

    好看的文本框和按钮样式

    这段代码通过`onmouseover`和`onmouseout`事件,实现了鼠标悬停时文本框边框颜色和背景色的变化。当鼠标悬停在文本框上时,边框颜色变为黑色,背景色变为淡紫色(plum),离开时则恢复原状。这种动态效果增强了用户...

    HTML5实现又一个联系人表单文本框响应鼠标事件效果(无js).zip

    在这个联系人表单示例中,可能使用了这些事件来改变文本框的外观或行为,例如,当鼠标悬停时显示提示信息,点击时高亮显示,或者在鼠标离开时恢复原状。 在不使用JavaScript的情况下,HTML5的`&lt;input&gt;`元素提供了`...

    js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例

    2.超长长度的文字在省略显示后,如何在鼠标悬停时,以悬浮框的形式显示出全部信息? 文字在超出长度时,如何实现用省略号代替? 用CSS实现超长字段用省略号表示的方法:所有浏览器兼容! html代码如下: 用CSS实现...

    Vue实现鼠标经过文字显示悬浮框效果的示例代码

    在Vue.js中,实现鼠标经过文字时显示悬浮框效果,通常涉及事件监听和DOM操作。以下是一个详细的步骤解释: 1. **需求分析**: 在Vue项目中,我们希望当鼠标移到特定的文字或按钮上时,能在鼠标附近显示一个悬浮框...

    js表单特效

    - **自动提示和清除提示**:在输入框为空时显示提示文字,输入内容后提示文字消失,可以使用`placeholder`属性结合JavaScript来实现。 - **实时验证**:通过监听`input`事件,实时检查用户输入,如验证邮箱格式、...

    JS 实例 教程 javascript

    代码示例通过JavaScript在鼠标悬停(`onMouseOver`)和移开(`onMouseOut`)时动态更改文本框的文字颜色,展示了元素样式的动态控制能力。 ### 4. 自定义按钮样式 示例通过CSS内联样式设置了按钮的边框、尺寸、背景色...

    鼠标经过后出现气泡热点提示

    气泡提示,又称为工具提示或信息提示,是在鼠标指针悬停在特定元素上时弹出的小型文本框,显示与该元素相关的简短信息。它们通常是无边框的透明或半透明矩形,内含文字或图标,能够快速告知用户某个功能或按钮的作用...

    【自己备用】 200多个JS技巧代码

    10. **鼠标悬停触发事件**:`onMouseOver` 事件可以在鼠标移到文字上时触发函数执行,如弹出提示框。 11. **根据用户选择改变页面颜色**:通过 JavaScript 根据用户在网页上做出的选择(比如下拉菜单或选项按钮),...

    20个js技巧 很适用

    15. **鼠标悬停触发事件**:使用`onMouseOver`事件,可以实现在鼠标悬停在链接上时执行特定的函数,如弹出提示框。 16. **根据选项改变页面颜色**:可以通过用户的选择动态改变页面的颜色,提供个性化体验。 以上...

    js200多个小技巧

    修改鼠标悬停状态提示 通过`onmouseover`事件修改`window.status`属性,可以在鼠标悬停在链接或其他元素上时显示自定义的状态栏消息。 ### 10. 实现单选按钮的动态功能 通过`&lt;input type="radio"&gt;`标签创建单选...

    200个JS技巧代码

    15. 鼠标移到文字上触发事件:`onMouseOver`事件可以绑定到任何HTML元素,如`&lt;a&gt;`标签,当鼠标悬停在链接上时弹出提示信息。 16. 根据选项改变页面颜色:可以通过JavaScript根据用户的选择动态改变页面背景颜色。 ...

    200个js技巧

    15. **鼠标悬停触发事件**:通过`onMouseOver`事件,可以在鼠标移动到特定元素上时执行函数,如弹出提示信息。 16. **根据选项改变页面颜色**:通过JavaScript,可以根据用户的选项动态改变网页的背景颜色或其他...

    javascript网页特效实例大全

    7.23 鼠标悬停显示提示文字 200 第8章 页面类特效 203 8.1 下雨的页面效果 204 8.2 网页中的loading条 206 8.3 页面的制作完成时间 207 8.4 在状态栏显示输入字符的页面 208 8.5 页面的加密功能 209 8.6 调色...

    200多个js技巧代码

    利用`onMouseOver`和`onMouseOut`事件,可以让按钮在鼠标悬停时改变颜色,增加交互感: ```html 找吧" name="B1" onMouseOut="this.style.color='blue'" onMouseOver="this.style.color='red'" class="button"&gt; ``` ...

    js帮助代码

    3. **鼠标移入移出颜色变化**:利用`onMouseOver` 和 `onMouseOut` 事件,可以改变元素在鼠标悬停和离开时的颜色,例如示例中的按钮颜色在鼠标经过时由蓝色变为红色。 4. **创建平面按钮和输入框**:通过CSS样式...

Global site tag (gtag.js) - Google Analytics