纯JS半透明Tip效果代码

自己根据网上提供的一个透明功能类库写的纯JS半透明Tip效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><style type="text/css"> p{text-indent:2em} </style></head><body> <a href="" onmouseover="showContent(0, event)" onmouseout="hiddenContent(0, event)" style="cursor:default">链接</a><div id="content0" style="width:200px;height:300px;padding:2em;display:none"> 这是文章标题1，文字是不透明的 </div><span onmouseover="showContent(1, event)" onmouseout="hiddenContent(1, event)" style="cursor:default">有提示文字</span><div id="content1" style="width:200px;height:300px;padding:2em;display:none;font-weight:700"> 这是文章标题2，文字是不透明的 </div><div style="width:34%;color:#226"> <p>教育是开启完全不同未来大门的重要钥匙。在美国十大城市中，要求 中学以下文化程度的职位数从 1970 年起已经减少了一半。从 1989 年起， 美国新设职位的 2/3 都是专业人员和管理人员(38)。在德国，到 2010 年 将只有 10％的职位适合非技术工人，而在 1976 年为 35％。(39) </p><p>但这并不只是一个失业问题。失业的年轻人倾向于从事更多的暴力犯 罪，并不愿担当家长的责任。"青春期男孩是最反复无常并最具暴力的了。 美国一半的暴力犯罪是由 24 岁以下的男孩干的，四分之一的暴力犯罪事 件是由 18 岁以下男孩干的。大多数西方国家的数据也与美国相似。"</p></div></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是纯JS半透明Tip效果代码的详细内容，更多请关注0133技术站其它相关文章！