wangchao.org
添加收藏 | 博客
 
购物视频论坛IT业界自然风光美女图片王朝网络小游戏BT下载生活百科编程设计手机图铃小说
 
笑话 | 水库 | 娱乐 | 体育 | 英语 | 宠物 | 美食 | 旅游 | 养生 | 手机 | 数码 | 汽车 | 珠宝 | 美容 | 装修 | 厨房 | 科普 | 动物 | 植物 | 影音 | 百科 | 知道 | 词典
  
 
 您好！ 您现在位于: 王朝网络 → 编程设计 → 《制作类似于Title、ALT的提示效果》返回上一页 
 
1楼 

制作类似于Title、ALT的提示效果

　　网上购物、在线购物、购物搜索 欢迎光临本站购买图书、影视、音乐、数码、百货，手机等商品。

　　制作方法一：加入JS代码
　　1、在页面的<head></head>中加入JS代码：
　　<script language="javascript">
　　var tipTimer;
　　function locateObject(n, d) { //v3.0
　　var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
　　d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
　　if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
　　for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=locateObject(n,d.layers[i].document); return x;
　　}
　　function hideTooltip(object)
　　{
　　if (document.all)
　　{
　　locateObject(object).style.visibility="hidden"
　　locateObject(object).style.left = 1;
　　locateObject(object).style.top = 1;
　　return false
　　}
　　else if (document.layers)
　　{
　　locateObject(object).visibility="hide"
　　locateObject(object).left = 1;
　　locateObject(object).top = 1;
　　return false
　　}
　　else
　　return true
　　}
　　function showTooltip(object,e, tipContent, backcolor, bordercolor, textcolor, displaytime)
　　{
　　window.clearTimeout(tipTimer)
　　if (document.all)
　　{
　　locateObject(object).style.top=document.body.scrollTop+event.clientY+20
　　locateObject(object).innerHtml=‘<table style="font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; border: ‘+bordercolor+‘; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: ‘+backcolor+‘" width="10" border="0" cellspacing="1" cellpadding="1"><tr><td nowrap><font style="font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: ‘+textcolor+‘">‘+unescape(tipContent)+‘</font></td></tr></table> ‘
　　if ((e.x + locateObject(object).clientWidth) > (document.body.clientWidth + document.body.scrollLeft))
　　{
　　locateObject(object).style.left = (document.body.clientWidth + document.body.scrollLeft) - locateObject(object).clientWidth-10;
　　}
　　else
　　{
　　locateObject(object).style.left=document.body.scrollLeft+event.clientX
　　}
　　locateObject(object).style.visibility="visible"
　　tipTimer=window.setTimeout("hideTooltip(‘"+object+"‘)", displaytime);
　　return true;
　　}
　　else if (document.layers)
　　{
　　locateObject(object).document.write(‘<table width="10" border="0" cellspacing="1" cellpadding="1"><tr bgcolor="‘+bordercolor+‘"><td><table width="10" border="0" cellspacing="0" cellpadding="2"><tr bgcolor="‘+backcolor+‘"><td nowrap><font style="font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: ‘+textcolor+‘">‘+unescape(tipContent)+‘</font></td></tr></table></td></tr></table>‘)
　　locateObject(object).document.close()
　　locateObject(object).top=e.y+20
　　if ((e.x + locateObject(object).clip.width) > (window.pageXOffset + window.innerWidth))
　　{
　　locateObject(object).left = window.innerWidth - locateObject(object).clip.width-10;
　　}
　　else
　　{
　　locateObject(object).left=e.x;
　　}
　　locateObject(object).visibility="show"
　　tipTimer=window.setTimeout("hideTooltip(‘"+object+"‘)", displaytime);
　　return true;
　　}
　　else
　　{
　　return true;
　　}
　　}
　　</script>

制作方法一：加入JS代码 1、在页面的<head></head>中加入JS代码： <script language="javascript"> var tipTimer; function locateObject(n, d) { //v3.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=locateObject(n,d.layers[i].document); return x; } function hideTooltip(object) { if (document.all) { locateObject(object).style.visibility="hidden" locateObject(object).style.left = 1; locateObject(object).style.top = 1; return false } else if (document.layers) { locateObject(object).visibility="hide" locateObject(object).left = 1; locateObject(object).top = 1; return false } else return true } function showTooltip(object,e, tipContent, backcolor, bordercolor, textcolor, displaytime) { window.clearTimeout(tipTimer) if (document.all) { locateObject(object).style.top=document.body.scrollTop+event.clientY+20 locateObject(object).innerHtml=‘<table style="font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; border: ‘+bordercolor+‘; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: ‘+backcolor+‘" width="10" border="0" cellspacing="1" cellpadding="1"><tr><td nowrap><font style="font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: ‘+textcolor+‘">‘+unescape(tipContent)+‘</font></td></tr></table> ‘ if ((e.x + locateObject(object).clientWidth) > (document.body.clientWidth + document.body.scrollLeft)) { locateObject(object).style.left = (document.body.clientWidth + document.body.scrollLeft) - locateObject(object).clientWidth-10; } else { locateObject(object).style.left=document.body.scrollLeft+event.clientX } locateObject(object).style.visibility="visible" tipTimer=window.setTimeout("hideTooltip(‘"+object+"‘)", displaytime); return true; } else if (document.layers) { locateObject(object).document.write(‘<table width="10" border="0" cellspacing="1" cellpadding="1"><tr bgcolor="‘+bordercolor+‘"><td><table width="10" border="0" cellspacing="0" cellpadding="2"><tr bgcolor="‘+backcolor+‘"><td nowrap><font style="font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: ‘+textcolor+‘">‘+unescape(tipContent)+‘</font></td></tr></table></td></tr></table>‘) locateObject(object).document.close() locateObject(object).top=e.y+20 if ((e.x + locateObject(object).clip.width) > (window.pageXOffset + window.innerWidth)) { locateObject(object).left = window.innerWidth - locateObject(object).clip.width-10; } else { locateObject(object).left=e.x; } locateObject(object).visibility="show" tipTimer=window.setTimeout("hideTooltip(‘"+object+"‘)", displaytime); return true; } else { return true; } } </script>

 
标签: ALT  Title  制作  提示  效果  类似  
 
您可以将本页贴到其他网站
UBB代码HTML代码
　
 
 
 
 
 
　更多内容
 ·诊断 Java 代码：设计轻松的代码 ·整合PDF和Java技术 ·在中文Windows95环境下用Java设计 ·怎样在APPLET中发EMAIL
 ·在学习编程的过程中，应该注意什 ·在应用程序中和Applets小程序中使 ·在应用中加入全文检索功能——基 ·Java的垃圾回收（Garbage Collec
 ·最简单的编写基于线程的代码的方 ·做一个带有beans的文字计数器 ·为Eclipse plug-in(插件)创建语言 ·状态栏动态提示超链接地址的效果
 ·字符 ·字节数最小的中国城市JavaScrip列 ·装饰模式（Decorator Pattern）( ·装与设置用于数据库应用程序的JB
 ·转：学不会的JAVA，消不了的忧愁 ·转－关于多线程 ·转－如何学习java ·转：《学不会的JAVA，消不了的忧
 ·转：《学不会的JAVA，消不了的忧 ·基于Eclipse 3.0的SWT编程 ·JFC/Swing活学活用JLabel文字魔法 ·Hibernate核心接口简介
 
 
最新评论  点此查看所有评论
 
 
 
 
发表评论(支持UBB码)


验证码：  
 
 
 
© 2005- 王朝网络 版权所有