鼠标移到文字上弹出提示层JS+CSS代码

发布时间:2013年08月19日 / 分类:网络编程 / 16,262 次围观 / 抢沙发!

你可以复制以下代码进行调试
<!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>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>鼠标移到文字上弹出提示层_向国旗在线</title>
 <style type="text/css">
 <!--
 .link{
	position: relative;
}
#box{
	display: none;
	width: 315px;
	height: 180px;
	border: 1px solid #333;
	padding: 12px;
	text-align: left;
	line-height: 175%;
	text-indent: 2em;
	position: absolute;
}
 -->
 </style>
 <script type="text/javascript" language="javascript" >
 <!--
  function display(){
document.getElementById("box").style.display="block"; 
  }
  function disappear(){
document.getElementById("box").style.display="none"; 
  }
 -->
 </script>
 </head>
<body>
<div class="link">
<a href="#" onmouseover="display()" onmouseout="disappear()">向国旗在线_鼠标划过来试试</a>
<div id="box" onmouseover="display()" onmouseout="disappear()">们为您提供-JS代码,网页图标,网页欣赏模板,SEO优化和各种建站技巧;向国旗在线收录实用和能提高用户体验的代码,我们只想解放出你的部分写代码时间来思考更高层次的设计,而不是要你懒惰、拼凑。</div>
</div>


<!--下面只是说明与程序代码无关-->
<div style="width:95%; height:auto; display:block; margin:0 auto; margin-top:30px; font-size:10pt; line-height:150%; text-align:center;">
<br/>
<span>本代码由<a href="http://www.xiangguoqi.cn" style="color:#F00;" title="向国旗在线">向国旗在线网 收集整理</a> </span><br/>
<a href="http://www.xiangguoqi.cn" title="向国旗在线">向国旗在线 http://www.xiangguoqi.cn</a>
<a href="http://www.xiangguoqi.cn" title="向国旗在线">向国旗在线 == 我要学电脑</a>
</div>

</body>
</html>


标签:html

赞 (0) 本文链接: http://www.xiangguoqi.cn/read/1915.html [复制分享 ](转载时请保留 )



↑上一篇:教你如何修改ecshop2.7.3管理员后台登录地址加固网站安全
↓下一篇:精辟的14组对话,专治各种想不开。 无觅关联推荐,快速提升流量
热评文章
默认:长尾词库
猜你喜欢
文章分类
最新文章
最近回复
    岁月痕迹