HTC 提示效果 TIPS

最新推荐文章于 2020-06-15 06:44:10 发布

原创最新推荐文章于 2020-06-15 06:44:10 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#htc #function #behavior #class #border #div

脚本技术专栏收录该内容

6 篇文章

订阅专栏

博客展示了SLIGHTBOY HTC事件提示程序，包含创建div元素、定义鼠标事件函数等代码，如鼠标悬停显示提示内容、移动提示框位置、移出隐藏提示框等，还给出了使用方法。

部署运行你感兴趣的模型镜像

<ATTACH EVENT="ondocumentready" HANDLER="Initialise"/>
<SCRIPT LANGUAGE="JScript">
/*
Program Name: SLIGHTBOY HTC Event Tips.
Program Author: SLIGHTBOY.
Write Date: 2004-10-25.
*/

var Wish_Content_Tips = window.document.getElementById("Wish_Content_Tips");
if (Wish_Content_Tips == null)
{
var Wish_Content_Tips = window.document.createElement("div");
with(Wish_Content_Tips)id="Wish_Content_Tips";
window.document.body.appendChild(Wish_Content_Tips);
}

function Initialise() {
onmouseover = onmouseover_event;
onmousemove = onmousemove_event;
onmouseout = onmouseout_event;
}

function onmouseover_event() {
var content ="<table width=/"130/" border=/"0/" cellpadding=/"2/" cellspacing=/"2/" style=/"background-color:#808080;word-break:break-all;filter: Alpha(Opacity=90, FinishOpacity=30, Style=1, StartX=1, StartY=1, FinishX=100, FinishY=100);/"><tr><td><font color=/"#FFFFFF/">"+ this.tips +"</font></td></tr></table>";
Wish_Content_Tips.innerHTML = content;
Wish_Content_Tips.style.visibility = "visible";
Wish_Content_Tips.style.position = "absolute";
}

function onmousemove_event() {
Wish_Content_Tips.style.left = event.clientX - 60;
Wish_Content_Tips.style.top = event.clientY + 25;
}

function onmouseout_event() {
Wish_Content_Tips.style.visibility = "hidden";
}
</SCRIPT>

使用方法:
<style type="text/css">
.test {
behavior:url(behaviorEvent.htc);
}
</style>
<div align="center">
<a href="" title="" tips="sdfsdadfwefe<br>dfasd" class="test">fasdfasd</a>
<br><br>
<a href="" title="" tips="sdfsdadfwefe<br>dfasd" class="test">fasdfasd</a>
</div>