This is for Donald. For More Info
Donald new home page. Need more Info
I suppose you do continuing on just giving information threw the Box On Top
You can also link the text box top a different site Visit You Can Never Be To Smart
This code is for how to change the cursor and add a question mark as they appear. Always go to the source to down load to your site.
The source for this code is on Click Here.
As pointed out by some this code may not work if you copy and paste. Source and what the code looks like is listed below and can be found here Click here
Always go this the Source for any code shown on this site and copy and paste from there.
<!--
<style type="text/css">
#fixedtipdiv{
position:absolute;
padding: 2px;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
</style>
<script type="text/javascript">
/***********************************************
* Fixed ToolTip script- ©
Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full
source code
***********************************************/
var tipwidth='150px' //default tooltip width
var tipbgcolor='lightgray' //tooltip bgcolor
var disappeardelay=250 //tooltip disappear speed onMouseout
(in miliseconds)
var vertical_offset="-65px" //horizontal offset
of tooltip from anchor link
var horizontal_offset="-30px" //horizontal
offset of tooltip from anchor link
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="fixedtipdiv" style="visibility:hidden;width:'+tipwidth+';background-color:'+tipbgcolor+'" ></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function
showhide(obj, e, visible, hidden, tipwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (tipwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=tipwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement
: document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
}
return edgeoffset
}
function fixedtooltip(menucontents, obj, e, tipwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidetip()
dropmenuobj=document.getElementById? document.getElementById("fixedtipdiv") : fixedtipdiv
dropmenuobj.innerHTML=menucontents
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", tipwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
}
function hidetip(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidetip(){
if (ie4||ns6)
delayhide=setTimeout("hidetip()",disappeardelay)
}
function clearhidetip(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
</script>
<div class=#fixedtipdiv>
<br>This is for Donald. For More
<a href="#" onMouseover="fixedtooltip('Insert general information
here', this, event, '200px')" onMouseout="delayhidetip()" class="CSS" style="cursor:help;">Info</a></th></br>
<br><br>Donald new home page. Need more
<a target='new' href="http://1stop-martial-arts.zymichost.com/" onMouseover="fixedtooltip('Find out more at
1stop-martial-arts Click & Go', this, event, '200px')" onMouseout="delayhidetip()" class="CSS" style="cursor:help;">Info</a></br>
<br><br> I
suppose you do continuing on just giving information threw the
<a href="#" onMouseover="fixedtooltip('if this is right you got
it made', this, event, '200px')" onMouseout="delayhidetip()" class="CSS" style="cursor:help;">Box On Top</a></br>
<br><br>You can
also link the text box top a different site
<a target='new' href="http://youcanneverbetoosmart.com" onMouseover="fixedtooltip('Want to visit You Can Never Be Too
Smart Click & Go', this, event, '200px')" onMouseout="delayhidetip()" class="CSS" style="cursor:help;">Visit You Can
Never Be To Smart</a></br>
</div>