征代码：实现简单的Web功能，在线等候<<<<<<<<<<<<<<<<<<<<<<<<<,

共分三步1.在<head></head>里加入
<script language=javaScript>
<!-- 开始 -// 宽度
var tickerwidth=120// 高度
var tickerheight=100// 提示框顶端到文字的距离(pixels)
var tickerpadding=5// 边框宽度 (pixels)
var borderwidth=2// 字体型号
var fnt="宋体"// 字号
var fntsize=9// 最后文字的字号
var fntsizelastletter=8// 文字颜色
var fntcolor="008800"// 最后文字的颜色
var fntcolorlastletter="ff0000"// 字体粗细，1 - 9 调整粗细
var fntweight=3// 背景颜色
var backgroundcolor="CCFFCC"// 文字间的停顿时间(microseconds)
var standstill=2000// 速度 (数值大越慢)
var speed=40// 距离要提示信息的水平大小 (pixels)
var xdistance=50// 垂直大小(pixels)
var ydistance=20// 以下不要改动
var timer
var topposition=0
var leftposition=0
var x,y
var i_substring=0
var i_presubstring=0
var i_message=0
var message
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100function getmessagebackground() {
messagebackground="<table border="+borderwidth+" width="+tickerwidth+" height="+tickerheight+" cellspacing=0 cellpadding=0><tr><td valign=top bgcolor='"+backgroundcolor+"'>"
messagebackground+="&nbsp;</td></tr></table>"
}function getmessagecontent() { 
messagecontent="<table border=0 cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>" 
messagecontent+="<font color='"+fntcolor+"'>"
messagecontent+=messagepresubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>" 
messagecontent+="<font color='"+fntcolorlastletter+"'>"
messagecontent+=messageaftersubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="</td></tr></table>"
}function showticker() {
if (i_substring<=message.length-1) {
i_substring++
i_presubstring=i_substring-1
if (i_presubstring<0) {i_presubstring=0}
messagepresubstring=message.substring(0,i_presubstring)
messageaftersubstring=message.substring(i_presubstring,i_substring)
getmessagecontent()
if (document.all) {
ticker.innerHTML=messagecontent
timer=setTimeout("showticker()", speed)
}
if (document.layers) {
document.ticker.document.write(messagecontent)
document.ticker.document.close()
timer=setTimeout("showticker()", speed)
}
}
else {
clearTimeout(timer)
}
}function hideticker() {
clearTimeout(timer)
i_substring=0
i_presubstring=0
if (document.all) {
document.all.ticker.style.visibility="hidden"
document.all.tickerbg.style.visibility="hidden"
}
if (document.layers) {
document.ticker.visibility="hidden"
document.tickerbg.visibility="hidden"
}
}function showmessage(linkmessage) {
getmessagebackground()
message=linkmessagei_substring=0
i_presubstring=0
leftposition=x+xdistance
topposition=y+ydistance
if (document.all) { 
document.all.ticker.style.posLeft=leftposition
document.all.ticker.style.posTop=topposition
document.all.tickerbg.style.posLeft=leftposition
document.all.tickerbg.style.posTop=topposition
tickerbg.innerHTML=messagebackground
document.all.ticker.style.visibility="visible"
document.all.tickerbg.style.visibility="visible"
showticker()
}
if (document.layers) {
document.ticker.left=leftposition
document.ticker.top=topposition
document.tickerbg.left=leftposition
document.tickerbg.top=topposition
document.tickerbg.document.write(messagebackground)
document.tickerbg.document.close()
document.ticker.visibility="visible"
document.tickerbg.visibility="visible"
showticker()
}
}function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;// - 结束 - -->
</script>2.在<body></body>里加入<DIV ID="tickerbg" style="position:absolute;"></DIV>
<DIV ID="ticker" style="position:absolute;"></DIV>3.在你需要的地方加入onmouseover、onmouseout事件。
一切OK! 

解决方案 »

  1.   

    有没有封装好了的，我不会JavaScript.
      

  2.   

    http://lucky.myrice.com/javascriptexam/mengxhcooltoolbox.htm
      

  3.   

    a.htc文件
    ==============
    <PROPERTY NAME="son" />
    <ATTACH EVENT="onmouseover" ONEVENT="onit()" />
    <ATTACH EVENT="onmousemove" ONEVENT="onit()" />
    <ATTACH EVENT="onmouseout" ONEVENT="noit()" />
    <SCRIPT>
    function onit() {
    var oSon=window.document.getElementById(son);
    if (oSon==null) return;
    with (oSon) {
    innerHTML=alt;
    style.display="block";
    style.pixelLeft=window.event.clientX+window.document.body.scrollLeft+6;
    style.pixelTop=window.event.clientY+window.document.body.scrollTop+9;
    if(style.pixelLeft > window.screen.width - 300)
    style.pixelLeft-=300
    }
    }function noit() {
    var oSon=window.document.getElementById(son);
    if (oSon==null) return;
    oSon.style.display="none";
    }
    </SCRIPT>调用页面：
    <body style="border:0">
    <div son=hint alt="8888888888888" style="behavior:url(a.htc)">8888888888888</div>
    <a href="/rss/viewart.rs?aid=1439279" son=hint alt="...  序<b>像所有故事一样</b>，这个故事是编造出来的。 像所有假客观的小说一样，这个故事是不真实的。  ..."  style="behavior:url(0007.htc)">一个陌生人心中的影子</a>
    <a href="/rss/viewart.rs?aid=1439279" son=hint alt="<a href='http://'>88888</a>88888888" style="behavior:url(a.htc)">一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子</a>
    <div id=hint style="display:none"></div>
    <style type="text/css">
    #hint{width:250px;border:1px solid #000000;background:#9FC383;position:absolute;z-index:9;padding:4px;line-height:17px}
    </style>