|
蓝森林 http://www.lslnet.com 2006年8月25日 8:28
 [求助]这个效果怎么弄的?好特别.
就是鼠标移到他的文本输入筐,就会出现tip窗口提示.http://www.localsearch.cn/demo/cityindex.jsp?cityCode=010 |
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>New Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Generator" content="EditPlus 2.12" />
<script language="javascript" type="text/javascript">
var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;
offsetX = 0;
offsetY = 12;
var toolTipSTYLE="";
function initToolTips() {
if(ns4||ns6||ie4) {
if(ns4) toolTipSTYLE = document.toolTipLayer;
else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;
if(ns4) document.captureEvents(Event.MOUSEMOVE);
else {
toolTipSTYLE.visibility = "visible";
toolTipSTYLE.display = "none";
}
document.onmousemove = moveToMouseLoc;
}
}
function toolTip(msg, fg, bg) {
if(toolTip.arguments.length < 1) {// hide
if(ns4) toolTipSTYLE.visibility = "hidden";
else toolTipSTYLE.display = "none";
}
else {// show
if(!fg) fg = "#629FC2";
if(!bg) bg = "#E1EFFA";
var content =
'<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td style="padding: 1px">' +
'<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg +
'"><td align="center" style="padding: 2px; color: ' + fg +
';"> \;' + msg +
' \;</td></table></td></table>';
if(ns4) {
toolTipSTYLE.document.write(content);
toolTipSTYLE.document.close();
toolTipSTYLE.visibility = "visible";
}
if(ns6) {
document.getElementById("toolTipLayer").innerHTML = content;
toolTipSTYLE.display='block'
}
if(ie4) {
document.all("toolTipLayer").innerHTML=content;
toolTipSTYLE.display='block'
}
}
}
function moveToMouseLoc(e) {
if(ns4||ns6) {
x = e.pageX;
y = e.pageY;
}
else {
x = event.x + document.body.scrollLeft;
y = event.y + document.body.scrollTop;
}
toolTipSTYLE.left = x + offsetX;
toolTipSTYLE.top = y + offsetY;
return true;
}
</script>
</head>
<body>
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<script language="JavaScript"><!--
initToolTips(); //--></script>
<input name="searchName" type="text" class="inputtext" size="30" onMouseOver="toolTip('就是这样弄的')" onMouseOut="toolTip()" />
</body>
</html>
[/html]
就是这样弄的，详细的做法，建议还是下载他的脚本文件下来细读一下吧！ |
谢谢!
谢谢! |
我把js单独写了个文件里，叫js.js
然后在页面中调用
<script language=JavaScript src=js.js></script>
为什么不能用？ |
路径有没有错？
是不是把<script>标记写到js文件里了？
加上"试试看<script language="JavaScript" src="js.js"></script>
你的空间提供商是不是给你的页面自动加了广告？ |
| 哈哈，你看我多马虎，把<script>标记写到js文件里了，谢谢楼上的提醒！ |
| 我还有个问题，就是我原封不动的把代码考出来运行，既然跟上面的运行结果不一样，就是字不是垂直居中的，文字总是偏向上方。我什么都没改啊！ |
估计是默认字体和文字大小问题
你用css规定一下font-Size, font-Family, line-Height应该就可以了 |
|
