网页上的提示框(原代码)资源-CSDN文库

共1个文件

htm：1个

4星 · 超过85%的资源需积分: 16 181 浏览量 2007-12-18 11:18:49 上传评论收藏 2KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

网页上的提示框.rar （1个子文件）

网页上的提示框

AutoSetTipBox.htm 5KB

<html> <head> <style type="text/css">  </style> <title>auto set Tip's box</title> </head> <script language="javascript"> var titlePopup=window.createPopup(); var content; var tID; var time=1000; var yOffset; var xOffset; var width; var height; /* * This fuction InitMsBox(content) is used to initialize the message-box, whose variable need your input as "message" , * When you need dividing the different message, you can input '<br/>' to break the line. * If you want to change the message-box's color, border or orthers, you can rewrite the inner variable of "table" writed in this function. */ function InitMsgBox(content) { width=parseInt(document.body.clientWidth/6+28); if(document.body.clientHeight/6>width){ width=document.body.clientHeight/6+28;} var line=0; if(content.length*5>width) { for(i=0;i<content.length;i++) { if((i*5)%width<5) { line++; } } } else { width=content.length*5+28; } var titlePopupBody = titlePopup.document.body; titlePopupBody.style.border ="solid black 1px"; var titleContent = ""; titleContent = titleContent + "<table id='tb1' cellPadding='3' bgcolor='#65c1ff' width='100%' height='100%' border=0 cellspacing=0 cellpadding=0 style='table-layout:fixed;WORD-BREAK:break-all; WORD-WRAP: break-word'>"; titleContent = titleContent + "<tr><td style='WORD-WRAP: break-word;'><span style='font-size:12px;'>"+content+"</span></td></tr>"; titleContent = titleContent + "</table>"; titlePopupBody.innerHTML = titleContent; xOffset=window.event.x; yOffset=window.event.y; var nbr=KMP(content); height=(nbr+line)*16+8; ShowMsgBox(xOffset,yOffset,time); } /* * This function ShowMsgBox(xOffset,yOffset,time) is used to show the message-box on screen, whose * variable xOffset and yOffset are used to set the position on screen, and the variabel time is used to set the time of reflection. */ function ShowMsgBox(xOffset,yOffset,time) { tID = window.setTimeout("MsgBox(xOffset, yOffset)",time); } function MsgBox(xOffset, yOffset) { if (window.closed) { window.clearInterval(tID); } else { if(xOffset<document.body.clientWidth-width) { if(yOffset<document.body.clientHeight-height) { titlePopup.show(xOffset, yOffset+20, width, height, top.document.body); } else { titlePopup.show(xOffset, yOffset-height-20, width, height, top.document.body); } } else { if(yOffset<document.body.clientHeight-height) { titlePopup.show(xOffset-width, yOffset+20, width, height, top.document.body); } else { titlePopup.show(xOffset-width, yOffset-height-20, width, height, top.document.body); } } } } /* *This fuction was writen by D.E.Knuth,J.H.Morris和V.R.Pratt, *I just rewrited some of the codes. */ function KMP(tip) { var br="<br/>"; var i=0; var j=0; var c=0; while(i<tip.length && j<br.length) { if(tip.substr(i,1)==br.substr(j,1)) { ++i; ++j; if(j==br.length) { c++; j=0; } } else{i=i-j+1;j=0} } return c+1; } /* * This fuctin load is used to initialaze the application. */ function load() { var ele =document.getElementsByName("tip"); var tipsArray=new Array(); var contentItem; for(var i=0;i<ele.length;i++) { contentItem=KMP(ele[i].titletips); ele[i].onmouseover =function() {InitMsgBox([this.titletips])}; ele[i].onmouseover =function() {InitMsgBox(this.titletips)}; ele[i].onmouseout=function() {titlePopup.hide();} } } </script> <body onload="load()"> <p><input id="Button1" style="left: 122px; position: absolute; top: 172px" type="button" value="button" name="tip" titletips="Good morning";/></p> <p><a id="link" name="tip" titletips="I <b>Loooooooooooooooooooooooooooooooooooooooooooooooooooooooove</b> you,<b>China</b>" >Lost</a></p> </body> </html>

评论收藏

内容反馈