HTC 提示效果 TIPS

原创 2004年10月25日 17:47:00

<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>

纯CSS3进行hover时显示带箭头的tips提示动画效果

很久没有在csdn写博客了,今日心血来潮的来继续杂记. 效果图:当鼠标放在ps,ai上显示对应的内容. 流程分析:鼠标移动显示提示,鼠标在父层(内有显示和隐藏层)时,隐藏层进行动画显示.区别于...
  • amhoho
  • amhoho
  • 2017年01月08日 19:41
  • 1462

tips.js提示框插件

DOCTYPE html> html>     head>         title>demotitle>         meta charset="UTF-8">         ...
  • g_blue_wind
  • g_blue_wind
  • 2016年07月18日 12:07
  • 2132

仿IOS风格操作提示插件tips alert confirm

调用方法简单,没有复杂的各种参数,所以功能也相对单一,用于普通的操作提示足矣,有需要的可以自己丰富功能。 只做了webkit内核的兼容,效果如图所示: 下载地址:上传中...
  • sweetsuzyhyf
  • sweetsuzyhyf
  • 2016年10月24日 17:27
  • 680

H5 布局tips

需求实现左右图片 中间文字布局,限制文字一行 显示不下的 用…代替实现效果CSS代码 学习 * { margin: 0; ...
  • lvchenqiang_
  • lvchenqiang_
  • 2017年12月09日 13:37
  • 142

提示框 9款css3 tooltips鼠标悬停显示消息提示框样式(精)

9款css3 tooltips鼠标悬停显示消息提示框样式查看原文查看在线演示Demo和更多原文内容教程:查看原文查看在线演示Demo和更多原文内容教程:9款不同的鼠标悬停显示Tooltips消息提示框...
  • xiaokui_wingfly
  • xiaokui_wingfly
  • 2016年07月13日 12:21
  • 2427

CSS3实现漂亮ToolTips效果

(1)
  • AC_great
  • AC_great
  • 2015年03月25日 11:17
  • 994

HTML Tips

1. HTML标签大小写不敏感,属性名和属性值大小写敏感
  • ymjring
  • ymjring
  • 2012年07月30日 11:46
  • 1496

Javascript Tips & Tricks

前端开发规范系列文章之Javascript Tips and Tricks,本意是写成常用代码收集、常用技巧整理的文章,感觉“常用代码大全”太土、“实用代码整理”有失偏颇,“提示与技巧”不够稳重,所以...
  • whqet
  • whqet
  • 2015年02月20日 05:54
  • 6346

HTC Vive 激光线+选中边缘高亮效果

准备场景如下: 之前有详细讲解过激光线效果,不会的可以看看下面地址文章: http://blog.csdn.net/qq_15267341/article/details/53379523本篇文章...
  • qq_15267341
  • qq_15267341
  • 2016年12月02日 10:29
  • 1028

Android中一些实用的Tips

转载:https://github.com/jiang111/awesome-android-tips 值得收藏的AS插件 ->_->:https://github.com/jiang111...
  • lylodyf
  • lylodyf
  • 2017年02月16日 11:49
  • 824
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTC 提示效果 TIPS
举报原因:
原因补充:

(最多只允许输入30个字)