代码如下，就是让main移上时，SUB有SLIDEDOWN的效果，
当移出去时，是SLIDEUP的效果。
但移到SUB时，SUB还在，移出SUB时，SUB有SLIDEUP的效果。
复制代码
- <!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" xml:lang="zh" lang="zh" dir="ltr">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="generator" content="Editplus4PHP" />
- <meta name="keywords" content="Leo, HentStudio, Editplus4PHP, LeoPHP" />
- <meta name="description" content="LeoPHP - Powered by HentStduio" />
- <meta name="author" content="Leo" />
- <!--
- <script type="text/javascript" src="js/common.js"></script>
- <link rel="stylesheet" type="text/css" href="css/style.css" />
- -->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
- <link rel="shortcut icon" href="images/favicon.ico" />
- <title>Example | xHTML1.0</title>
- <style>
- #main,#sub{position:absolute; left:200px}
- #main{top:50px;width: 111px; height: 50px;background:#ccc; }
- #sub{top:90px;width: 222px; height: 150px;background:#ddd;display:none}
- </style>
- <script>
- $(function() {
-
- //--main js code ------------------
- $("#main").hover(
- function() {$("#sub").slideDown();
-
-
- },
- function() {$("#sub").slideUp();
-
- }
- );
- //-----------sub js code 这里不知道怎么写了-------------------
- $("#sub").hover(
- function() {$("#sub").show();
-
-
- },
- function() {$("#sub").slideUp();
-
- }
- );
- //---------end-----------------
- })
- </script>
- </head>
- <body>
-
- <div id="main">main</div>
- <div id="sub"><ul>内容：<br />
- <li >aaaaaaaa</li>
- <li >bbbbbbbbbb</li>
- <li >ccccccccccc</li>
- </ul>
- </div>
- </body>
- </html>
|
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
如何安装mysql8.0
Word快速设置标题样式步骤详解
20+道必知必会的Vue面试题（附答案解析）
HTML如何制作表单
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
ET文件格式和XLS格式文件之间如何转化？
react和vue的区别及优缺点是什么
支付宝人脸识别如何关闭?
腾讯微云怎么修改照片或视频备份路径?
