鼠标放上去触发一个javascript提示框效果代码

　　感觉要连接没什么意义～　又不能点击

　　改这里

　　//s.appendChild(document.createTextNode(t)); 改动

　　s.innerHTML = t;

<html><img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20enableTooltips(id)%7B%20%0D%0Avar%20links%2Ci%2Ch%3B%20%0D%0Aif(!document.getElementById%20%7C%7C%20!document.getElementsByTagName)%20return%3B%20%0D%0Ah%3Ddocument.createElement(%22span%22)%3B%20%0D%0Ah.id%3D%22btc%22%3B%20%0D%0Ah.setAttribute(%22id%22%2C%22btc%22)%3B%20%0D%0Ah.style.position%3D%22absolute%22%3B%20%0D%0Adocument.getElementsByTagName(%22body%22)%5B0%5D.appendChild(h)%3B%20%0D%0Aif(id%3D%3Dnull)%20links%3Ddocument.getElementsByTagName(%22a%22)%3B%20%0D%0Aelse%20links%3Ddocument.getElementById(id).getElementsByTagName(%22a%22)%3B%20%0D%0Afor(i%3D0%3Bi%3Clinks.length%3Bi%2B%2B)%7B%20%0D%0APrepare(links%5Bi%5D)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20Prepare(el)%7B%20%0D%0Avar%20tooltip%2Ct%2Cb%2Cs%2Cl%3B%20%0D%0At%3Del.getAttribute(%22message%22)%3B%20%0D%0Aif(t%3D%3Dnull%20%7C%7C%20t.length%3D%3D0)%20return%20%3B%20%0D%0Ael.removeAttribute(%22message%22)%3B%20%0D%0Atooltip%3DCreateEl(%22span%22%2C%22tooltip%22)%3B%20%0D%0As%3DCreateEl(%22span%22%2C%22top%22)%3B%20%0D%0A%2F%2Fs.appendChild(document.createTextNode(t))%3B%20%E6%94%B9%E5%8A%A8%20%0D%0As.innerHTML%20%3D%20t%3B%20%0D%0Atooltip.appendChild(s)%3B%20%0D%0A%2F%2Fb%3DCreateEl(%22b%22%2C%22bottom%22)%3B%20%0D%0Al%3Del.getAttribute(%22href%22)%3B%20%0D%0Aif(l.length%3E30)%20l%3Dl.substr(0%2C27)%2B%22...%22%3B%20%0D%0A%2F%2Fb.appendChild(document.createTextNode(l))%3B%20%0D%0A%2F%2Ftooltip.appendChild(b)%3B%20%0D%0AsetOpacity(tooltip)%3B%20%0D%0Ael.tooltip%3Dtooltip%3B%20%0D%0Ael.onmouseover%3DshowTooltip%3B%20%0D%0Ael.onmouseout%3DhideTooltip%3B%20%0D%0Ael.onmousemove%3DLocate%3B%20%0D%0A%7D%20%0D%0Afunction%20showTooltip(e)%7B%20%0D%0Adocument.getElementById(%22btc%22).appendChild(this.tooltip)%3B%20%0D%0ALocate(e)%3B%20%0D%0A%7D%20%0D%0Afunction%20hideTooltip(e)%7B%20%0D%0Avar%20d%3Ddocument.getElementById(%22btc%22)%3B%20%0D%0Aif(d.childNodes.length%3E0)%20d.removeChild(d.firstChild)%3B%20%0D%0A%7D%20%0D%0Afunction%20setOpacity(el)%7B%20%0D%0Ael.style.filter%3D%22alpha(opacity%3A95)%22%3B%20%0D%0Ael.style.KHTMLOpacity%3D%220.95%22%3B%20%0D%0Ael.style.MozOpacity%3D%220.95%22%3B%20%0D%0Ael.style.opacity%3D%220.95%22%3B%20%0D%0A%7D%20%0D%0Afunction%20CreateEl(t%2Cc)%7B%20%0D%0Avar%20x%3Ddocument.createElement(t)%3B%20%0D%0Ax.className%3Dc%3B%20%0D%0Ax.style.display%3D%22block%22%3B%20%0D%0Areturn(x)%3B%20%0D%0A%7D%20%0D%0Afunction%20Locate(e)%7B%20%0D%0Avar%20posx%3D0%2Cposy%3D0%3B%20%0D%0Aif(e%3D%3Dnull)%20e%3Dwindow.event%3B%20%0D%0Aif(e.pageX%20%7C%7C%20e.pageY)%7B%20%0D%0Aposx%3De.pageX%3B%20posy%3De.pageY%3B%20%0D%0A%7D%20%0D%0Aelse%20if(e.clientX%20%7C%7C%20e.clientY)%7B%20%0D%0Aif(document.documentElement.scrollTop)%7B%20%0D%0Aposx%3De.clientX%2Bdocument.documentElement.scrollLeft%3B%20%0D%0Aposy%3De.clientY%2Bdocument.documentElement.scrollTop%3B%20%0D%0A%7D%20%0D%0Aelse%7B%20%0D%0Aposx%3De.clientX%2Bdocument.body.scrollLeft%3B%20%0D%0Aposy%3De.clientY%2Bdocument.body.scrollTop%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Adocument.getElementById(%22btc%22).style.top%3D(posy%2B10)%2B%22px%22%3B%20%0D%0Adocument.getElementById(%22btc%22).style.left%3D(posx-20)%2B%22px%22%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Awindow.onload%3Dfunction()%7BenableTooltips()%7D%3B%20%0D%0A%3C%2Fscript%3E"> 
<style type="text/css"> 
body{font: 76%/1.5 Arial,sans-serif;background: #FFF;color: #333} 
div, span, table{able-layout: fixed; word-wrap:break-word;} 
div#container{width: 500px;margin:0 auto;} 
h1{color: #3CA3FF;margin: 1em 0 0;letter-spacing: -2px} 
p{margin: 0 0 1.7em} 
a{color: #F60;font-weight:bold} 
a:hover{color: #F00} 
.tooltip{ 
width: 200px; color:#000; 
font:lighter 11px/1.3 Arial,sans-serif; 
text-decoration:none;text-align:center} 
.tooltip{ 
width: 200px; color:#000; 
font:lighter 11px/1.3 Arial,sans-serif; 
text-decoration:none;text-align:center} 
.tooltip span.top{ 
text-align:left; 
text-indent:1em; 
padding: 30px 8px; 
background: url(/upload/20080817171524699.gif) no-repeat top; 
} 
.tooltip b.bottom{padding:3px 8px 15px;color: #548912; 
background: url(/upload/20080817171524699.gif) no-repeat bottom; 
} 
</style> 
<div id="container">

<a href="j111.html" _ewebeditor_ta_href="j111.html" title="我是title" message="这年头，和尚庙的香火越烧越旺，求保佑、求发财、求治病,乃至求升官和求升学的人一窝蜂涌进庙门,<a href='#'>简直要把门槛</a>踏烂.不过这些见菩萨就烧香磕头的信徒中,到底知道佛门是怎么回事的，恐怕不多。今天，在下也来道个究竟。">狼跋其胡，载踬其尾。公孙硕肤，赤舄几几。 
找到彻底解脱的办法就是一个死字，</a> 
</div> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程