Heim >Web-Frontend >HTML-Tutorial >关于div结合jQuery下拉后,如何使得下方的div不会随上面的div下拉而发生变化_html/css_WEB-ITnose

关于div结合jQuery下拉后,如何使得下方的div不会随上面的div下拉而发生变化_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:21:401067Durchsuche

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> 
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn