• اسلاید زیبا با جی کوئری jQuery
    #1
    Note 
    [JS]<!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;
    borderConfusedolid 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>

    [/JS]

    دموی انلاین

    پاسخ
    #2
    Note 
    خیلی زیبا و کاربردیه
    ممنون

    پاسخ
    ایجاد موضوع جدید   پاسخ به موضوع  

    موضوعات مرتبط با این موضوع...
    موضوع نویسنده پاسخ بازدید آخرین ارسال
    Note جی کوئری::اسلایدر ساده و زیبا Behnam Designer 0 518 11-09-2014 ساعت 18:41
    آخرین ارسال: Behnam Designer
    Note Jquery Ajax navigation WWWorker 0 705 14-08-2014 ساعت 17:19
    آخرین ارسال: WWWorker
    Note دیالوگ گرافیکی زیبا با جی کوئری Behnam Designer 0 767 07-03-2014 ساعت 18:12
    آخرین ارسال: Behnam Designer
    Note ساعت jquery Stack OverFlow 0 449 19-01-2014 ساعت 08:46
    آخرین ارسال: Stack OverFlow
    Note شاخص استحکام پسورد با جی کوئری(jQuery) WWWorker 1 526 19-12-2013 ساعت 19:53
    آخرین ارسال: DreamWeaver
    Note کار نکردن animation در jQuery فقط در background maJID maGIC 1 757 09-12-2013 ساعت 22:21
    آخرین ارسال: Daniel
    Note غیر فعال کردن کلیک راست با jQuery WWWorker 0 468 07-11-2013 ساعت 09:34
    آخرین ارسال: WWWorker
    Note تغییر اندازه متن با jQuery WWWorker 0 447 07-11-2013 ساعت 09:30
    آخرین ارسال: WWWorker
    Note نمایش پیام در اولین Drag در Jquery maJID maGIC 1 550 10-09-2013 ساعت 09:53
    آخرین ارسال: SOFTAFZAR
    Note jQuery:: از کجا بفهمیم Element مورد نظر وجود داره؟ SOFTAFZAR 0 458 13-07-2013 ساعت 10:39
    آخرین ارسال: SOFTAFZAR

    کاربرانِ درحال بازدید از این موضوع:   1 مهمان