当您的鼠标放到某段文字中有链接的文字上时，一个带阴影效果的提示框出现了，激动吧！本代码可以重用，请将javascript代码里的函数另存，用到的时候引入。 [code] <script type="text/javascript"> var dhtmlgoodies_tooltip = false; var dhtmlgoodies_tooltipshadow = false; var dhtmlgoodies_shadowsize = 4; var dhtmlgoodies_tooltipmaxwidth = 200; var dhtmlgoodies_tooltipminwidth = 100; var dhtmlgoodies_iframe = false; var tooltip_is_msie = (navigator.useragent.indexof('msie')>=0 && navigator.useragent.indexof('opera')==-1 && document.all)?true:false; function showtooltip(e,tooltiptxt) { var bodywidth = math.max(document.body.clientwidth,document.documentelement.clientwidth) - 20; if(!dhtmlgoodies_tooltip){ dhtmlgoodies_tooltip = document.createelement('div'); dhtmlgoodies_tooltip.id = 'dhtmlgoodies_tooltip'; dhtmlgoodies_tooltipshadow = document.createelement('div'); dhtmlgoodies_tooltipshadow.id = 'dhtmlgoodies_tooltipshadow'; document.body.appendchild(dhtmlgoodies_tooltip); document.body.appendchild(dhtmlgoodies_tooltipshadow); if(tooltip_is_msie){ dhtmlgoodies_iframe = document.createelement('iframe'); dhtmlgoodies_iframe.frameborder='5'; dhtmlgoodies_iframe.style.backgroundcolor='#ffffff'; dhtmlgoodies_iframe.src = '#'; dhtmlgoodies_iframe.style.zindex = 100; dhtmlgoodies_iframe.style.position = 'absolute'; document.body.appendchild(dhtmlgoodies_iframe); } } dhtmlgoodies_tooltip.style.display='block'; dhtmlgoodies_tooltipshadow.style.display='block'; if(tooltip_is_msie)dhtmlgoodies_iframe.style.display='block'; var st = math.max(document.body.scrolltop,document.documentelement.scrolltop); if(navigator.useragent.tolowercase().indexof('safari')>=0)st=0; var leftpos = e.clientx + 10; dhtmlgoodies_tooltip.style.width = null; dhtmlgoodies_tooltip.innerhtml = tooltiptxt; dhtmlgoodies_tooltip.style.left = leftpos + 'px'; dhtmlgoodies_tooltip.style.top = e.clienty + 10 + st + 'px'; dhtmlgoodies_tooltipshadow.style.left = leftpos + dhtmlgoodies_shadowsize + 'px'; dhtmlgoodies_tooltipshadow.style.top = e.clienty + 10 + st + dhtmlgoodies_shadowsize + 'px'; if(dhtmlgoodies_tooltip.offsetwidth>dhtmlgoodies_tooltipmaxwidth){ dhtmlgoodies_tooltip.style.width = dhtmlgoodies_tooltipmaxwidth + 'px'; } var tooltipwidth = dhtmlgoodies_tooltip.offsetwidth; if(tooltipwidthbodywidth){ dhtmlgoodies_tooltip.style.left = (dhtmlgoodies_tooltipshadow.style.left.replace('px','') - ((leftpos + tooltipwidth)-bodywidth)) + 'px'; dhtmlgoodies_tooltipshadow.style.left = (dhtmlgoodies_tooltipshadow.style.left.replace('px','') - ((leftpos + tooltipwidth)-bodywidth) + dhtmlgoodies_shadowsize) + 'px'; } if(tooltip_is_msie){ dhtmlgoodies_iframe.style.left = dhtmlgoodies_tooltip.style.left; dhtmlgoodies_iframe.style.top = dhtmlgoodies_tooltip.style.top; dhtmlgoodies_iframe.style.width = dhtmlgoodies_tooltip.offsetwidth + 'px'; dhtmlgoodies_iframe.style.height = dhtmlgoodies_tooltip.offsetheight + 'px'; } } function hidetooltip() { dhtmlgoodies_tooltip.style.display='none'; dhtmlgoodies_tooltipshadow.style.display='none'; if(tooltip_is_msie)dhtmlgoodies_iframe.style.display='none'; } </script>

带阴影的提示框

想下载更多的高质量免费源码么？那么就请来到源码爱好者者吧，每天都有你需要的学习资源，助您学习之路一路狂奔……

[/code]

该文章在 2010/3/12 8:56:27 编辑过