html动态显示提示
2009-03-04 17:19
295 查看
B.js
var moveFlag=false;
var fntSize=9;
var tipBgColor="FFFFEE";
var tipBorderColor="#000000";
var tipTextColor="000000";
function showTip(msg){
var obj = 'TipBox';
moveFlag=true;
IE_MouseMove();
document.all[obj].innerHTML = msg;
document.all[obj].style.visibility = 'visible';
}
function hideTip(){
var obj = 'TipBox';
moveFlag=false;
document.all[obj].style.visibility = 'hidden';
}
function IE_MouseMove(){
if(moveFlag){
var x = event.x-10;
var y = event.y+10;
var objp = document.all.TipBox.style;
var xx = (document.body.scrollLeft+x);
var yy = (document.body.scrollTop+y);
objp.pixelLeft = xx+30;
objp.pixelTop = yy;
}
}
document.write("<DIV ID=TipBox STYLE='position:absolute; visibility: hidden; padding: 5px 5px 5px 5px; color: #"+tipTextColor+"; background-color: #"+tipBgColor+"; border:1px solid #"+tipBorderColor+"; font-size: "+fntSize+"pt'></DIV>");
A.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT language=javascript src="rstipbox.js"></SCRIPT>
<BODY>
<a href="http://www.163.com" onMouseOut="hideTip()" onMouseOver="showTip('<font color=green><b>CYLIN</b></font>')" target=_blank>
abccccccc
</a><br><hr>
<span onMouseOut="hideTip()" onMouseOver="showTip('<font color=green><b>i love weiwei</b></font><br><font color=green><b>CYLIN</b></font>')">bbbbb</span><br><hr>
<a href="http://www.163.com"><img src="sh_pai[1].gif" alt="dddddddddddddddd"></a>
</BODY>
</HTML>
var moveFlag=false;
var fntSize=9;
var tipBgColor="FFFFEE";
var tipBorderColor="#000000";
var tipTextColor="000000";
function showTip(msg){
var obj = 'TipBox';
moveFlag=true;
IE_MouseMove();
document.all[obj].innerHTML = msg;
document.all[obj].style.visibility = 'visible';
}
function hideTip(){
var obj = 'TipBox';
moveFlag=false;
document.all[obj].style.visibility = 'hidden';
}
function IE_MouseMove(){
if(moveFlag){
var x = event.x-10;
var y = event.y+10;
var objp = document.all.TipBox.style;
var xx = (document.body.scrollLeft+x);
var yy = (document.body.scrollTop+y);
objp.pixelLeft = xx+30;
objp.pixelTop = yy;
}
}
document.write("<DIV ID=TipBox STYLE='position:absolute; visibility: hidden; padding: 5px 5px 5px 5px; color: #"+tipTextColor+"; background-color: #"+tipBgColor+"; border:1px solid #"+tipBorderColor+"; font-size: "+fntSize+"pt'></DIV>");
A.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT language=javascript src="rstipbox.js"></SCRIPT>
<BODY>
<a href="http://www.163.com" onMouseOut="hideTip()" onMouseOver="showTip('<font color=green><b>CYLIN</b></font>')" target=_blank>
abccccccc
</a><br><hr>
<span onMouseOut="hideTip()" onMouseOver="showTip('<font color=green><b>i love weiwei</b></font><br><font color=green><b>CYLIN</b></font>')">bbbbb</span><br><hr>
<a href="http://www.163.com"><img src="sh_pai[1].gif" alt="dddddddddddddddd"></a>
</BODY>
</HTML>
相关文章推荐
- html动态显示提示
- Highcharts数据提示框动态显示非x轴非y轴数据
- 获得 Win32 窗口句柄的更好的方法 ----动态生成并显示 HTML 文档 ----再谈禁用HTML的上下文菜单...
- Jquery 鼠标跟随提示层(可显示文本,Div ,Table, Html 等等)
- 如何通过动态生成Html灵活实现DataGrid分类统计的界面显示功能
- [JS 最简单简洁的插件] 浮动提示 (支持显示Html和手动关闭)
- 跟随鼠标的移动,动态显示提示信息
- 动态显示图片 Js + html
- html侧栏对应表单的提示显示
- html中用js调用ASP文件 实现静态页面动态显示
- jsp页面的html代码显示不出来,提示Uncaught SyntaxError: Unexpected token <
- Unity3D 动态显示场景跳转提示框
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
- html+js实现动态显示隐藏
- C#中,当鼠标移动到控件上,动态显示提示内容 -> 用代码操作ToolTip
- C# Winform 中webBrowser显示html内容时禁止错误提示的方法
- 动态控制显示提示信息到页面上
- html页面下拉列表中动态添加后台数据(格式化数据,显示出数据的层次感)
- html+js动态显示3个select标签
- <<锋利的jQuery>>样例改进利用, html文本输入框得到与失去输入焦点的提示信息显示切换函数