javascript Tooltips

最新推荐文章于 2024-08-12 08:37:43 发布

Sunny_can

最新推荐文章于 2024-08-12 08:37:43 发布

阅读量348

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/can_Sunshine/article/details/52662660

版权

javascript 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
#div1{width:400px;height: 380px;border:1px solid deeppink;margin:100px auto;}
#p1{line-height: 30px;margin:25px;}
a{text-decoration: none;color:deeppink;}
.titlebox{font-size: 12px;background: #f6f6f6;position: absolute;padding: 0 20px;color:deeppink;border:1px solid deeppink;}
</style>
</head>
<body>
<div id="div1">
<p id="p1">
  《长恨歌》是中国<a href="javascript:" class="aa" id="a1"> 唐朝</a>诗人<a href="javascript:" class="aa" id="a2"> 白居易</a>的一首长篇<a href="javascript:" class="aa" id="a3">叙事诗</a>；这首诗是作者的名篇，作于公元806年（元和元年）。全诗形象地叙述了唐玄宗与杨贵妃的爱情悲剧。诗人借历史人物和传说，创造了一个回旋宛转的动人故事，并通过塑造的艺术形象，再现了现实生活的真实，感染了千百年来的读者，诗的主题是“长恨”。《长恨歌》的同名作品有著名作家<a href="javascript:" class="aa" id="a4">王安忆</a>和<a href="javascript:" class="aa" id="a5">端木摇</a>创作的小说；此外还有我国著名音乐家黄自创作的同名声乐作品以及木偶片、电视剧、香港电影等。
</p>
</div>

<script>
var div1=document.getElementById("div1");
div1.οnmοuseοver= function () {
if(event.target.className=="aa"){
var _html;
var _id;
if(event.target.id=="a1"){
_html="唐朝";
_id="aa1";
}
else if(event.target.id=="a2"){
_html="白居易";
_id="aa2";
}
else if(event.target.id=="a3"){
_html="叙事诗";
_id="aa3";
}
else if(event.target.id=="a4"){
_html="王安忆";
_id="aa4";
}
else if(event.target.id=="a5"){
_html="端木摇";
_id="aa5";
}
show(event.target,_html,_id);
}

};