اسلاید زیبا با جی کوئری jQuery

JavaScript

توسط reza-irdev در 5 سال پیش
0 792 1 4 سال پیش
reza-irdevir-webmaster
0
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script> 
$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideToggle("slow");
  });
});
</script>
 
<style type="text/css"> 
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#00cfdc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
background-color:#eaeaea;
}
</style>
</head>
<body>
 
<div id="flip">Click to slide the panel down or up</div>
<div id="panel">Hello world!<br/>http://softafzar.net</div>

</body>
</html>

[color=#FF0000]دموی انلاین[/color]

0

خیلی زیبا و کاربردیه ممنون

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید