この記事では、JSが写真にホバリングするときのテキストの説明をスクロールする方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします:<html>
<Title> JSは、写真をホバリングするときにテキストの説明をスクロールする</title>を実装します
<body>
<スクリプト言語= "javascript">
<! - begin
function showtip2(current、e、text){
if(document.all && document.readystate == "complete"){
document.all.tooltip2.innerhtml = '<marquee style = "border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelleft = event.clientx+document.body.scrollleft+10
document.all.tooltip2.style.pixeltop = event.clienty+document.body.scrolltop+10
document.all.tooltip2.style.visibility = "visible"
}
else if(document.layers){
document.tooltip2.document.nstip.document.write( '<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left = 0
currentscroll = setInterval( "scrolltip()"、100)
document.tooltip2.left = e.pagex+10
document.tooltip2.top = e.pagey+10
document.tooltip2.visibility = "show"
}
}
関数himeTip2(){
if(document.all)
document.all.tooltip2.style.visibility = "hidden"
else if(document.layers){
ClearInterval(currentscroll)
document.tooltip2.visibility = "hidden"
}
}
//終了 - >
</script>
<div id = "tooltip2" style = "position:aspolute; visibility:hidden; clip:rect(0 150 50 0); width:150px; background-color:gold; z-index:10"> </div>
<div align = "center" name = "divtest" onmouseover = "showtip2(this、event、 'welcome to wulin.com');" onmouseout = "hidetip2();" style = "cursor:hand">
<table cellpadding = "0" cellpacing = "0"> <tr> <td colspan = "7">
<img src = "/images/banner.gif" border = "0" style = "cursor:pointer;"/>
</table>
</div>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。