联创互动 | 湖南建站专家 - 企业网络营销战略伙伴
7×24小时业务咨询热线:13786157601

技术文档

鼠标移到文字上弹出一个层,层可设置文字链接

时间:2011-03-07 22:51来源:未知 作者:admin 点击:

<!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=gb2312" />
 <title>鼠标经过弹出层</title>
 <style type="text/css">
 <!--
#box{display:none; width:300px; height:180px; background:#FFF;line-height:24px;color:#010066;border:1px solid #010042; z-index:12000}
#box ul{}
#box li{width:50px; float:left;text-align:center;}
 -->
 </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>
<a href="#" onmouseover="display()" onmouseout="disappear()">[更改]</a>
<div id="box" onmouseover="display()" onmouseout="disappear()">
 <ul>
  <li>上海</li>
  <li>北京</li>
  <li>徐州</li>
  <li>南通</li>
  <li>南京</li>
  <li>无锡</li>
  <li>常州</li>
  <li>苏州</li>
  <li>杭州</li>
  <li>义乌</li>
  <li>宁波</li>
  <li>广州</li>
  <li>深圳</li>
  <li>成都</li>
 </ul>
</div>
</body>
</html>
 

(责任编辑:admin)
关键词:鼠标,弹出层
------分隔线----------------------------

最新案例

更多>>

客服中心

联创首页 长沙网站建设 虚拟主机 域名注册 客户案例 关于联创 网站地图 联系联创
Copyright © 2007-2010 Leneweb, All Rights Reserved
湖南联创互动2010版 Www.Leneweb.Com 版权所有
关键词:湖南网站建设|网络外包|湖南网站建设案例|整合营销|长沙网站制作|湖南网站制作案例|营销型网站建设|长沙营销型网站建设|湖南营销型网站建设|长沙空间域名