<style type="text/css"> #dhtmlfloatie{ position: absolute; left: 0; left: -900px; filter:alpha(opacity=0); -moz-opacity:0; border: 2px solid black; padding: 5px; z-index: 100; } </style> <script type="text/javascript"> var floatiewidth="200" // ใส่ความกว้างของกรอบที่ขึ้นมา (แต่ถ้าต้องการให้ความกว้างพอดีกับข้อความก็ให้ลบตัวเลขทิ้งไปเลยครับ เหลือแค่ "" เลย) var floatieheight="20" // ใส่ความสูงของกรอบที่ขึ้นมา (แต่ถ้าต้องการให้ความสูงพอดีกับข้อความก็ให้ลบตัวเลขทิ้งไปเลยครับ เหลือแค่ "" เลย) var floatiebgcolor="lightyellow" // สีพื้นหลังของกรอบ var fadespeed=100 // ความเร็วในการแสดงกรอบ (เลขยิ่งน้อยยิ่งแสดงเร็ว) var baseopacity=0 function slowhigh(which2){ imgobj=which2 browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : "" instantset(baseopacity) highlighting=setInterval("gradualfade(imgobj)",fadespeed) } function instantset(degree){ cleartimer() if (browserdetect=="mozilla") imgobj.style.MozOpacity=degree/100 else if (browserdetect=="ie") imgobj.filters.alpha.opacity=degree } function cleartimer(){ if (window.highlighting) clearInterval(highlighting) } function gradualfade(cur2){ if (browserdetect=="mozilla" && cur2.style.MozOpacity<1) cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99) else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=10 else if (window.highlighting) clearInterval(highlighting) } function ietruebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function paramexists(what){ return(typeof what!="undefined" && what!="") } function showfloatie(thetext, e, optbgColor, optWidth, optHeight){ var dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft; var dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop; var floatobj=document.getElementById("dhtmlfloatie") floatobj.style.left="-900px" floatobj.style.display="block" floatobj.style.backgroundColor=paramexists(optbgColor)? optbgColor : floatiebgcolor floatobj.style.width=paramexists(optWidth)? optWidth+"px" : floatiewidth floatobj.style.height=paramexists(optHeight)? optHeight+"px" : floatieheight!=""? floatieheight : "" floatobj.innerHTML=thetext var floatWidth=floatobj.offsetWidth>0? floatobj.offsetWidth : floatobj.style.width var floatHeight=floatobj.offsetHeight>0? floatobj.offsetHeight : floatobj.style.width var winWidth=document.all&&!window.opera? ietruebody().clientWidth : window.innerWidth-20 var winHeight=document.all&&!window.opera? ietruebody().clientHeight : window.innerHeight e=window.event? window.event : e floatobj.style.left=dsocx+winWidth-floatWidth-5+"px" if (e.clientX>winWidth-floatWidth && e.clientY+20>winHeight-floatHeight) floatobj.style.top=dsocy+5+"px" else floatobj.style.top=dsocy+winHeight-floatHeight-5+"px" slowhigh(floatobj) } function hidefloatie(){ var floatobj=document.getElementById("dhtmlfloatie") floatobj.style.display="none" } </script>

<font face="MS Sans Serif" size="1"> <div id="dhtmlfloatie" ></div> <!-- หากต้องการเพิ่ม LINK ขึ้นมาใหม่ก็ให้ เพิ่ม onMouseover="showfloatie('เขียนข้อความอธิบาย LINK ที่ 1 ที่นี่', event)" onMouseout="hidefloatie()" เข้าไปใน <a href=...> ครับ เป็นแบบด้านล่างนี้ครับ --> <a href="http://www.yourlink1.com" onMouseover="showfloatie('เขียนข้อความอธิบาย LINK ที่ 1 ที่นี่', event)" onMouseout="hidefloatie()">LINK ที่ 1</a> l <a href="http://www.yourlink2.com" onMouseover="showfloatie('เขียนข้อความอธิบาย LINK ที่ 2 ที่นี่', event)" onMouseout="hidefloatie()">LINK ที่ 2</a> </font>