- 浏览: 100236 次
- 性别:
- 来自: 无锡
文章分类
最新评论
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>
发表评论
-
js两浮点数加减乘除
2018-02-12 17:53 506页面上输入两个数, 进行运算 //加 func ... -
js判断浮点类型相等, 相加, 相减
2018-02-12 16:38 766// 首先保留两位小数 var settleTotalA ... -
获取两个数组的交集
2017-05-03 14:38 362/* finds the intersection o ... -
ajax同步异步参数async(在debug下step by step运行正常,正常发布运行不正常)
2017-03-20 17:26 718//遇到的问题,在debug下step by step运行正常 ... -
request.getParameterValues与request.getParameter区别
2017-03-10 18:13 542一、 简单的对比 request.getParamete ... -
ajax form表单序列化 追加字段以及中文乱码问题
2017-03-09 11:47 886function saveProDes() { va ... -
ajax json的遍历,长度等
2017-03-08 15:06 1096//json对象 一、$.each遍历json对象 查看一 ... -
setTimeout()
2017-03-06 18:15 384JavaScript里的这两个定时器函数,大家一定耳熟能详: ... -
JS Replace 全部替换字符 用法
2017-01-10 10:14 398<script language="javas ... -
jQuery对select遍历option(添加、移除)
2016-12-22 17:09 5731. $("#select_id").ap ... -
js中没有equals方法,用==比较字符串
2016-11-28 21:28 643在 javaScript或者jQuery中字符串比较没有equ ... -
split判断小数点前数字(截取字符串)
2016-11-02 10:08 1059方法一:找到小数点位置然后截取 String number ... -
JS Date()对象
2016-09-21 14:23 458//使用 getDay() 和数组来显示星期,而不仅仅是数字。 ... -
window.opener.location.reload();弹出确认对话框
2016-09-20 17:53 1098window.opener.location.reload() ... -
addEventListener() 方法用于向指定元素添加事件句柄。
2016-09-15 17:11 448就是在JS中给HTML增加事件 <!DOCTYPE ht ... -
JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。
2016-09-15 15:55 408JavaScript 是脚本语言。浏览器会在读取代码时,逐行地 ... -
element.src.match("bulbon")
2016-09-15 14:51 2302<!DOCTYPE html> <html ... -
disabled和readonly的区别
2016-07-13 16:00 356Readonly和Disabled它们都 ... -
<td align="center"> </td>不居中
2015-12-14 11:26 680<table> <tr> ... -
JS indexOf()
2015-12-11 11:37 538<script type = "text/j ...
相关推荐
"jQuery鼠标悬停下载按钮滑动显示提示信息文本框"是一个常见的交互设计技巧,它提升了用户对页面元素的理解和操作性。这个功能利用了JavaScript库jQuery的强大功能,实现了当鼠标悬浮在下载按钮上时,相关信息文本框...
js按钮、文本框、图片提示脚本特效大全,这里运用了弹出层技术,实现了对文本框、按钮、图片以及下拉框等常用网页组件的适时文字提示特效,当鼠标悬停于以上组件时,均会显示出带人性化标记的文字提示。提示基于弹出...
- `onmouseover`/`onmouseout`:鼠标悬停/离开。 - `onclick`:鼠标点击。 - `onmousedown`/`onmouseup`:鼠标按钮按下/释放。 - `onmousemove`:鼠标移动。 - **用途**:这些事件常用于实现用户界面的动态效果...
这段代码通过`onmouseover`和`onmouseout`事件,实现了鼠标悬停时文本框边框颜色和背景色的变化。当鼠标悬停在文本框上时,边框颜色变为黑色,背景色变为淡紫色(plum),离开时则恢复原状。这种动态效果增强了用户...
在这个联系人表单示例中,可能使用了这些事件来改变文本框的外观或行为,例如,当鼠标悬停时显示提示信息,点击时高亮显示,或者在鼠标离开时恢复原状。 在不使用JavaScript的情况下,HTML5的`<input>`元素提供了`...
2.超长长度的文字在省略显示后,如何在鼠标悬停时,以悬浮框的形式显示出全部信息? 文字在超出长度时,如何实现用省略号代替? 用CSS实现超长字段用省略号表示的方法:所有浏览器兼容! html代码如下: 用CSS实现...
在Vue.js中,实现鼠标经过文字时显示悬浮框效果,通常涉及事件监听和DOM操作。以下是一个详细的步骤解释: 1. **需求分析**: 在Vue项目中,我们希望当鼠标移到特定的文字或按钮上时,能在鼠标附近显示一个悬浮框...
- **自动提示和清除提示**:在输入框为空时显示提示文字,输入内容后提示文字消失,可以使用`placeholder`属性结合JavaScript来实现。 - **实时验证**:通过监听`input`事件,实时检查用户输入,如验证邮箱格式、...
代码示例通过JavaScript在鼠标悬停(`onMouseOver`)和移开(`onMouseOut`)时动态更改文本框的文字颜色,展示了元素样式的动态控制能力。 ### 4. 自定义按钮样式 示例通过CSS内联样式设置了按钮的边框、尺寸、背景色...
气泡提示,又称为工具提示或信息提示,是在鼠标指针悬停在特定元素上时弹出的小型文本框,显示与该元素相关的简短信息。它们通常是无边框的透明或半透明矩形,内含文字或图标,能够快速告知用户某个功能或按钮的作用...
10. **鼠标悬停触发事件**:`onMouseOver` 事件可以在鼠标移到文字上时触发函数执行,如弹出提示框。 11. **根据用户选择改变页面颜色**:通过 JavaScript 根据用户在网页上做出的选择(比如下拉菜单或选项按钮),...
15. **鼠标悬停触发事件**:使用`onMouseOver`事件,可以实现在鼠标悬停在链接上时执行特定的函数,如弹出提示框。 16. **根据选项改变页面颜色**:可以通过用户的选择动态改变页面的颜色,提供个性化体验。 以上...
修改鼠标悬停状态提示 通过`onmouseover`事件修改`window.status`属性,可以在鼠标悬停在链接或其他元素上时显示自定义的状态栏消息。 ### 10. 实现单选按钮的动态功能 通过`<input type="radio">`标签创建单选...
15. 鼠标移到文字上触发事件:`onMouseOver`事件可以绑定到任何HTML元素,如`<a>`标签,当鼠标悬停在链接上时弹出提示信息。 16. 根据选项改变页面颜色:可以通过JavaScript根据用户的选择动态改变页面背景颜色。 ...
15. **鼠标悬停触发事件**:通过`onMouseOver`事件,可以在鼠标移动到特定元素上时执行函数,如弹出提示信息。 16. **根据选项改变页面颜色**:通过JavaScript,可以根据用户的选项动态改变网页的背景颜色或其他...
7.23 鼠标悬停显示提示文字 200 第8章 页面类特效 203 8.1 下雨的页面效果 204 8.2 网页中的loading条 206 8.3 页面的制作完成时间 207 8.4 在状态栏显示输入字符的页面 208 8.5 页面的加密功能 209 8.6 调色...
利用`onMouseOver`和`onMouseOut`事件,可以让按钮在鼠标悬停时改变颜色,增加交互感: ```html 找吧" name="B1" onMouseOut="this.style.color='blue'" onMouseOver="this.style.color='red'" class="button"> ``` ...
3. **鼠标移入移出颜色变化**:利用`onMouseOver` 和 `onMouseOut` 事件,可以改变元素在鼠标悬停和离开时的颜色,例如示例中的按钮颜色在鼠标经过时由蓝色变为红色。 4. **创建平面按钮和输入框**:通过CSS样式...