关于div结合jQuery下拉后，如何使得下方的div不会随上面的div下拉而发生变化_html/css_WEB-ITnose
- WBOY原創
- 2016-06-24 12:21:401066瀏覽
HTML jQuery
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title></title> <style type="text/css"> * { margin:0; padding:0;} .dl_b{margin:0; padding:15px;height:10px;background:#0099ff} .c{width:100px;height:30px} .panel{width:100%;height:300px;background:#8080c0} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> </head> <body> <div id="dlzc" class="dl_b"> 登录/注册</div> <div class="panel" id ="panel" style="display:none;"> <div id="dlpage" style="float:left"> <form action="action"> <br> <br> <br> <br><pre class="brush:php;toolbar:false"> 用户名：<input type="text" name="username"/><br> 密 码：<input type="password" name="password"/><br> <input class="c" type="submit" value="登录" /><br> 如何让这部分不会随上面下拉而变化。
<script> $(document).ready(function(){$("#dlzc").click(function(){ $("#panel").slideToggle("slow"); });});</script> 陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn