HTML漂亮的多行提示--支持firefox
时间：2006-07-26 来源：cnscn2008
500)this.width=500;" border=0>
.引用方式
<a id=link0 href="xxxx" onmouseover=displayAd(0); onmouseout=hideAd();>double-underlines</a>
<a id=link1 onmouseover=displayAd(1); onmouseout=hideAd(); href="aaaaa">double-underlines</a>
.cnsTipWin.js <!----- //js
//IntelliTXT FORCED-DEMO SCRIPT
//-----------------------------
//VER: 3.0
//UPDATED: 03/03/06
//IntelliTXT BASIC
//(no creative) //提示标题
var titleArray = new Array();
//提示内容
var bodyArray = new Array();
//提示显示连接
var linkArray = new Array();
//提示连接URL
var urlArray = new Array();
//提示框的相对X位置
var xOffsetArray = new Array();
//提示框的相对Y位置
var yOffsetArray = new Array(); //TOOLTIP BOX DEFAULT WIDTH
var toolTipDefaultWidth = 276; //TOOLTIP STYLING
var tooltipBkgColor = "#EEEEEE";
var tooltipHighlightColor = "#FFFFE0";
var tooltipFont = "Verdana, Arial, Helvetica";
var tooltipTitleColorOff = "#0000DE";
var tooltipTitleColorOn = "#0000DE";
var tooltipURLColorOff = "#008000";
var tooltipURLColorOn = "#008000";
var tooltipTitleDecorationOff= "none";
var tooltipTitleDecorationOn = "underline";
var tooltipURLDecorationOff = "none";
var tooltipURLDecorationOn = "underline";
document.write("<DIV id=tooltipBox onmouseover=\"clearAdInterval();highlightAd('itxtTbl');\" \
style=\"Z-INDEX: 5000; CURSOR: pointer; POSITION: absolute\" \
onmouseout=\"hideAd();unHighlightAd('itxtTbl');\"></DIV>"
); //FIREFOX STYLE TWEAK
if(navigator.appName == "Netscape"){
document.write("<style>.intellitextLink{padding-bottom: 1px;}</style>");
} function changeStyle(objectID, propertyName, propertyValue){
document.getElementById(objectID).style[propertyName] = propertyValue;
}
function changeProperty(objectID, propertyName, propertyValue){
document.getElementById(objectID)[propertyName] = propertyValue;
}
function getStyleValue(objectID, propertyName){
return document.getElementById(objectID).style[propertyName];
}
function getPropertyValue(objectID, propertyName){
return document.getElementById(objectID)[propertyName];
} // PROCEDURAL FUNCTIONS
var hideID = 0;
var lastToolNum = 0;
var tooltipXOffset = 10;
var tooltipYOffset = 1; function displayStatus(string){
window.status = string;
return true;
} function clearStatus(){
window.status = '';
return true;
} function getRealPos(ele,dir)
{
(dir=="x") ? pos = ele.offsetLeft : pos = ele.offsetTop;
tempEle = ele.offsetParent;
while(tempEle != null)
{
pos += (dir=="x") ? tempEle.offsetLeft : tempEle.offsetTop;
tempEle = tempEle.offsetParent;
}
return pos;
} function getScrollY(){
if(window.pageYOffset != null) {
return window.pageYOffset;
} else {
return document.body.scrollTop;
}
} function getScrollX(){
if(window.pageXOffset != null){
return window.pageXOffset;
} else {
return document.body.scrollLeft;
}
} function adDelay(){
//close box
changeStyle('tooltipBox', 'visibility', 'hidden');
//clear ID
clearInterval(hideID);
//clear status message
displayStatus(' ');
} function clearAdInterval(){
clearInterval(hideID);
} function hideAd(){
clearInterval(hideID);
hideID = setInterval(adDelay, 1250); //THIN DOUBLE UNDERLINE
linkRefString = "link" + lastToolNum;
changeStyle(linkRefString, 'borderBottomWidth', '1px');
} function linkClick(indexNum){
window.open(urlArray[indexNum]);
} function highlightAd(idString){
document.getElementById(idString).style.filter = "alpha(opacity=100)";
document.getElementById(idString).style.mozOpacity = "1";
document.getElementById(idString).style.opacity = "1";
for(var x=1;x<7;x++){
var tempID = "cZn" + x;
document.getElementById(tempID).style.background = tooltipHighlightColor;
}
} function unHighlightAd(idString){
document.getElementById(idString).style.filter = "alpha(opacity=90)";
document.getElementById(idString).style.mozOpacity = ".9";
document.getElementById(idString).style.opacity = ".9";
for(var x=1;x<7;x++){
var tempID = "cZn" + x;
document.getElementById(tempID).style.background = tooltipBkgColor;
}
} function displayAd(indexNum){
var linkRefString = "link" + indexNum;
var linkRef = document.getElementById(linkRefString); //clear id
clearInterval(hideID); //update global link number variable
lastToolNum = indexNum; //DISPLAY TIP TITLE IN STATUS BAR
var statusVar = titleArray[indexNum];
displayStatus(statusVar); //COMPOSE TIP
var displayString = '';
displayString += '<table id="itxtTbl" name="itxtTbl" cellspacing="0" cellpadding="0" border="0" width="100%" style="width:100%;filter:alpha(opacity=90);moz-opacity:.90;opacity:.90;">';
displayString += '<tr>'
displayString += '<td>'
displayString += '<b style="font-size:1px;display:block;background:#000000; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 6px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#E6E6E6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 4px; border-width:0 2px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#F4F4F4; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px; border-width:0 2px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#E9E9E9; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#E0E0E0; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#DADADA; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D7D7D7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D4D4D4; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D4D4D4; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D5D5D5; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D0D0D0; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#C5C5C5; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#C6C6C6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#C7C7C6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#CACAC6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#CDCDC7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D0D0C7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D4D4C7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#DBDBCB; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#CECEDB; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#ADADA8; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '</td>'
displayString += '</tr>' displayString += '<tr>'
displayString += '<td id="cZn1" name="cZn1" style="display:block; background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;">'
displayString += '<table cellpadding="0" cellspacing="0" border="0" style="position:relative;width:100%;">'
displayString += '<tr>'
displayString += '<td style="padding-left:7px;padding-right:7px;padding-top:7px;padding-bottom:2px;vertical-align:top;text-align:left;">'
displayString += '<a href="#" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn + '\';this.style.color=\'' + tooltipTitleColorOn + '\';window.status=\'' + titleArray[lastToolNum] + '\';return true;" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff + '\';this.style.color=\'' + tooltipTitleColorOff + '\';" onclick="return false;" style="font-size:11px;display:block;font-family:' + tooltipFont + ';color:' + tooltipTitleColorOff + ';text-decoration:' + tooltipTitleDecorationOff + ';"><b>' + titleArray[lastToolNum] + '</b></a>'
displayString += '<span style="color:#000000;display:block;padding-top:7px;padding-bottom:7px;font-size:11px;display:block;font-family:' + tooltipFont + ';">' + bodyArray[lastToolNum] + '</span>'
displayString += '<a href="#" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn + '\';this.style.color=\'' + tooltipURLColorOn + '\';window.status=\'' + titleArray[lastToolNum] + '\';return true;" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff + '\';this.style.color=\'' + tooltipURLColorOff + '\';" onclick="return false;" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff + '\';" style="font-size:10px;font-family:' + tooltipFont + ';color:' + tooltipURLColorOff + ';text-decoration:' + tooltipURLDecorationOff + ';">' + linkArray[lastToolNum] + '</a>'
displayString += '</td>'
displayString += '</tr>'
displayString += '</table>'
displayString += '</td>'
displayString += '</tr>' displayString += '<tr>'
displayString += '<td>'
displayString += '<b id="cZn2" name="cZn2" style="font-size:1px;display:block;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
displayString += '<b id="cZn3" name="cZn3" style="font-size:1px;display:block;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
displayString += '<b id="cZn4" name="cZn4" style="font-size:1px;display:block;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px;"></b>'
displayString += '<b id="cZn5" name="cZn5" style="font-size:1px;display:block;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px; border-width:0 2px;"></b>'
displayString += '<b id="cZn6" name="cZn6" style="font-size:1px;display:block;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 4px; border-width:0 2px;"></b>'
displayString += '<b class="c1" style="font-size:1px;display:block;background:#000000; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 6px;"></b>'
displayString += '</td>'
displayString += '</tr>'
displayString += '</table>' displayString += '<div style="position:absolute;left:8px;top:5px;color:#666666;font-size:10px;font-family:' + tooltipFont + ';"><nobr>Advertisement</nobr></div>'
displayString += '<div style="position:absolute;right:8px;top:5px;"><a href="#"><img src="http://demos.us.intellitxt.com/demos/custom/demo_prototypes/images/itxt_whatsthis.gif" width="63" height="13" border="0" alt="what\'s this?"></a></div>' //RENDER TIP
changeProperty('tooltipBox', 'innerHTML', displayString); //RESIZE TOOLTIP BOX
var tempWidth = toolTipDefaultWidth + "px";
changeStyle('tooltipBox', 'width', tempWidth); //POSITION TOOL TIP
var toolTipBoxWidth = getPropertyValue('tooltipBox', 'offsetWidth')
var toolTipBoxHeight = getPropertyValue('tooltipBox', 'offsetHeight');
var linkPosX = getRealPos(linkRef,'x') + tooltipXOffset;
var linkPosY = getRealPos(linkRef,'y') - toolTipBoxHeight + tooltipYOffset; //Account for page scrolling. Reposition tooltip as neccesary
if((getScrollX() + document.body.clientWidth) < (linkPosX + toolTipBoxWidth)){
var tempOffset = (linkPosX + toolTipBoxWidth) - (getScrollX() + document.body.clientWidth);
linkPosX -= tempOffset + 6;
}
if(getScrollY() > linkPosY){
var tempName = document.getElementById("link" + lastToolNum);
var tempOffset = tempName.offsetHeight;
linkPosY += toolTipBoxHeight - (2*tooltipYOffset) + tempOffset + 4;
} //allow for manual positioning override
linkPosX += xOffsetArray[lastToolNum];
linkPosY += yOffsetArray[lastToolNum]; //Make it happen
var linkPosXString = linkPosX + "px";
var linkPosYString = linkPosY + "px";
changeStyle('tooltipBox', 'left', linkPosXString);
changeStyle('tooltipBox', 'top', linkPosYString); //THICK DOUBLE UNDERLINE
changeStyle(linkRefString, 'borderBottomWidth', '3px'); //REVEAL TIP
changeStyle('tooltipBox', 'visibility', 'visible');
}
//js---->
<a id=link0 href="xxxx" onmouseover=displayAd(0); onmouseout=hideAd();>double-underlines</a>
<a id=link1 onmouseover=displayAd(1); onmouseout=hideAd(); href="aaaaa">double-underlines</a>
.cnsTipWin.js <!----- //js
//IntelliTXT FORCED-DEMO SCRIPT
//-----------------------------
//VER: 3.0
//UPDATED: 03/03/06
//IntelliTXT BASIC
//(no creative) //提示标题
var titleArray = new Array();
//提示内容
var bodyArray = new Array();
//提示显示连接
var linkArray = new Array();
//提示连接URL
var urlArray = new Array();
//提示框的相对X位置
var xOffsetArray = new Array();
//提示框的相对Y位置
var yOffsetArray = new Array(); //TOOLTIP BOX DEFAULT WIDTH
var toolTipDefaultWidth = 276; //TOOLTIP STYLING
var tooltipBkgColor = "#EEEEEE";
var tooltipHighlightColor = "#FFFFE0";
var tooltipFont = "Verdana, Arial, Helvetica";
var tooltipTitleColorOff = "#0000DE";
var tooltipTitleColorOn = "#0000DE";
var tooltipURLColorOff = "#008000";
var tooltipURLColorOn = "#008000";
var tooltipTitleDecorationOff= "none";
var tooltipTitleDecorationOn = "underline";
var tooltipURLDecorationOff = "none";
var tooltipURLDecorationOn = "underline";
document.write("<DIV id=tooltipBox onmouseover=\"clearAdInterval();highlightAd('itxtTbl');\" \
style=\"Z-INDEX: 5000; CURSOR: pointer; POSITION: absolute\" \
onmouseout=\"hideAd();unHighlightAd('itxtTbl');\"></DIV>"
); //FIREFOX STYLE TWEAK
if(navigator.appName == "Netscape"){
document.write("<style>.intellitextLink{padding-bottom: 1px;}</style>");
} function changeStyle(objectID, propertyName, propertyValue){
document.getElementById(objectID).style[propertyName] = propertyValue;
}
function changeProperty(objectID, propertyName, propertyValue){
document.getElementById(objectID)[propertyName] = propertyValue;
}
function getStyleValue(objectID, propertyName){
return document.getElementById(objectID).style[propertyName];
}
function getPropertyValue(objectID, propertyName){
return document.getElementById(objectID)[propertyName];
} // PROCEDURAL FUNCTIONS
var hideID = 0;
var lastToolNum = 0;
var tooltipXOffset = 10;
var tooltipYOffset = 1; function displayStatus(string){
window.status = string;
return true;
} function clearStatus(){
window.status = '';
return true;
} function getRealPos(ele,dir)
{
(dir=="x") ? pos = ele.offsetLeft : pos = ele.offsetTop;
tempEle = ele.offsetParent;
while(tempEle != null)
{
pos += (dir=="x") ? tempEle.offsetLeft : tempEle.offsetTop;
tempEle = tempEle.offsetParent;
}
return pos;
} function getScrollY(){
if(window.pageYOffset != null) {
return window.pageYOffset;
} else {
return document.body.scrollTop;
}
} function getScrollX(){
if(window.pageXOffset != null){
return window.pageXOffset;
} else {
return document.body.scrollLeft;
}
} function adDelay(){
//close box
changeStyle('tooltipBox', 'visibility', 'hidden');
//clear ID
clearInterval(hideID);
//clear status message
displayStatus(' ');
} function clearAdInterval(){
clearInterval(hideID);
} function hideAd(){
clearInterval(hideID);
hideID = setInterval(adDelay, 1250); //THIN DOUBLE UNDERLINE
linkRefString = "link" + lastToolNum;
changeStyle(linkRefString, 'borderBottomWidth', '1px');
} function linkClick(indexNum){
window.open(urlArray[indexNum]);
} function highlightAd(idString){
document.getElementById(idString).style.filter = "alpha(opacity=100)";
document.getElementById(idString).style.mozOpacity = "1";
document.getElementById(idString).style.opacity = "1";
for(var x=1;x<7;x++){
var tempID = "cZn" + x;
document.getElementById(tempID).style.background = tooltipHighlightColor;
}
} function unHighlightAd(idString){
document.getElementById(idString).style.filter = "alpha(opacity=90)";
document.getElementById(idString).style.mozOpacity = ".9";
document.getElementById(idString).style.opacity = ".9";
for(var x=1;x<7;x++){
var tempID = "cZn" + x;
document.getElementById(tempID).style.background = tooltipBkgColor;
}
} function displayAd(indexNum){
var linkRefString = "link" + indexNum;
var linkRef = document.getElementById(linkRefString); //clear id
clearInterval(hideID); //update global link number variable
lastToolNum = indexNum; //DISPLAY TIP TITLE IN STATUS BAR
var statusVar = titleArray[indexNum];
displayStatus(statusVar); //COMPOSE TIP
var displayString = '';
displayString += '<table id="itxtTbl" name="itxtTbl" cellspacing="0" cellpadding="0" border="0" width="100%" style="width:100%;filter:alpha(opacity=90);moz-opacity:.90;opacity:.90;">';
displayString += '<tr>'
displayString += '<td>'
displayString += '<b style="font-size:1px;display:block;background:#000000; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 6px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#E6E6E6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 4px; border-width:0 2px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#F4F4F4; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px; border-width:0 2px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#E9E9E9; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#E0E0E0; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#DADADA; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D7D7D7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D4D4D4; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D4D4D4; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D5D5D5; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D0D0D0; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#C5C5C5; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#C6C6C6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#C7C7C6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#CACAC6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#CDCDC7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D0D0C7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#D4D4C7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#DBDBCB; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#CECEDB; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '<b style="font-size:1px;display:block;background:#ADADA8; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
displayString += '</td>'
displayString += '</tr>' displayString += '<tr>'
displayString += '<td id="cZn1" name="cZn1" style="display:block; background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;">'
displayString += '<table cellpadding="0" cellspacing="0" border="0" style="position:relative;width:100%;">'
displayString += '<tr>'
displayString += '<td style="padding-left:7px;padding-right:7px;padding-top:7px;padding-bottom:2px;vertical-align:top;text-align:left;">'
displayString += '<a href="#" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn + '\';this.style.color=\'' + tooltipTitleColorOn + '\';window.status=\'' + titleArray[lastToolNum] + '\';return true;" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff + '\';this.style.color=\'' + tooltipTitleColorOff + '\';" onclick="return false;" style="font-size:11px;display:block;font-family:' + tooltipFont + ';color:' + tooltipTitleColorOff + ';text-decoration:' + tooltipTitleDecorationOff + ';"><b>' + titleArray[lastToolNum] + '</b></a>'
displayString += '<span style="color:#000000;display:block;padding-top:7px;padding-bottom:7px;font-size:11px;display:block;font-family:' + tooltipFont + ';">' + bodyArray[lastToolNum] + '</span>'
displayString += '<a href="#" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn + '\';this.style.color=\'' + tooltipURLColorOn + '\';window.status=\'' + titleArray[lastToolNum] + '\';return true;" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff + '\';this.style.color=\'' + tooltipURLColorOff + '\';" onclick="return false;" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff + '\';" style="font-size:10px;font-family:' + tooltipFont + ';color:' + tooltipURLColorOff + ';text-decoration:' + tooltipURLDecorationOff + ';">' + linkArray[lastToolNum] + '</a>'
displayString += '</td>'
displayString += '</tr>'
displayString += '</table>'
displayString += '</td>'
displayString += '</tr>' displayString += '<tr>'
displayString += '<td>'
displayString += '<b id="cZn2" name="cZn2" style="font-size:1px;display:block;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
displayString += '<b id="cZn3" name="cZn3" style="font-size:1px;display:block;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
displayString += '<b id="cZn4" name="cZn4" style="font-size:1px;display:block;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px;"></b>'
displayString += '<b id="cZn5" name="cZn5" style="font-size:1px;display:block;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px; border-width:0 2px;"></b>'
displayString += '<b id="cZn6" name="cZn6" style="font-size:1px;display:block;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 4px; border-width:0 2px;"></b>'
displayString += '<b class="c1" style="font-size:1px;display:block;background:#000000; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 6px;"></b>'
displayString += '</td>'
displayString += '</tr>'
displayString += '</table>' displayString += '<div style="position:absolute;left:8px;top:5px;color:#666666;font-size:10px;font-family:' + tooltipFont + ';"><nobr>Advertisement</nobr></div>'
displayString += '<div style="position:absolute;right:8px;top:5px;"><a href="#"><img src="http://demos.us.intellitxt.com/demos/custom/demo_prototypes/images/itxt_whatsthis.gif" width="63" height="13" border="0" alt="what\'s this?"></a></div>' //RENDER TIP
changeProperty('tooltipBox', 'innerHTML', displayString); //RESIZE TOOLTIP BOX
var tempWidth = toolTipDefaultWidth + "px";
changeStyle('tooltipBox', 'width', tempWidth); //POSITION TOOL TIP
var toolTipBoxWidth = getPropertyValue('tooltipBox', 'offsetWidth')
var toolTipBoxHeight = getPropertyValue('tooltipBox', 'offsetHeight');
var linkPosX = getRealPos(linkRef,'x') + tooltipXOffset;
var linkPosY = getRealPos(linkRef,'y') - toolTipBoxHeight + tooltipYOffset; //Account for page scrolling. Reposition tooltip as neccesary
if((getScrollX() + document.body.clientWidth) < (linkPosX + toolTipBoxWidth)){
var tempOffset = (linkPosX + toolTipBoxWidth) - (getScrollX() + document.body.clientWidth);
linkPosX -= tempOffset + 6;
}
if(getScrollY() > linkPosY){
var tempName = document.getElementById("link" + lastToolNum);
var tempOffset = tempName.offsetHeight;
linkPosY += toolTipBoxHeight - (2*tooltipYOffset) + tempOffset + 4;
} //allow for manual positioning override
linkPosX += xOffsetArray[lastToolNum];
linkPosY += yOffsetArray[lastToolNum]; //Make it happen
var linkPosXString = linkPosX + "px";
var linkPosYString = linkPosY + "px";
changeStyle('tooltipBox', 'left', linkPosXString);
changeStyle('tooltipBox', 'top', linkPosYString); //THICK DOUBLE UNDERLINE
changeStyle(linkRefString, 'borderBottomWidth', '3px'); //REVEAL TIP
changeStyle('tooltipBox', 'visibility', 'visible');
}
//js---->
相关阅读 更多 +
