/ پنهان سازی با jQuery در طراحی سایت
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 1 از 1

موضوع: پنهان سازی با jQuery در طراحی سایت

  1. #1
    elham1388 آنلاین نیست.
    elham1388
    کاربر سايت
    44نوشته8مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    6930
    پسندیده است
    0 پست
    بلاگ
    پست
    میزان امتیاز
    19
    http://www.npco.net/

    پنهان سازی با jQuery در طراحی سایت

    با استفاده از کدهای jQuery شما می توانید پنل fade in/out را در طراحی سایت خود جایدهی نمایید و جلوه خاص به صفحات سایت خود و طراحی وب سایت خود ببخشید. jQuery عناصر زیر را در متد پنهان سازی خود دارد.


    fadeIn()
    fadeOut()
    fadeToggle()
    fadeTo()



    در متد jQuery fadeIn() موجب نمایش المان های پنهان شده می شود.





    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


    <script>


    $(document).ready(function(){


    $("button").click(function(){


    $("#div1").fadeIn();


    $("#div2").fadeIn("slow");


    $("#div3").fadeIn(3000);


    });


    });


    </script>


    و با فراخوانی کد jQuery می توانید این قابلیت را به صفحه سایت خود ببخشید.


    در متد fadeOut() method موجب پنهان شدن المان های مورد نظر در صفحه وب سایت شما می شود.





    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


    <script>


    $(document).ready(function(){


    $("button").click(function(){


    $("#div1").fadeOut();


    $("#div2").fadeOut("slow");


    $("#div3").fadeOut(3000);


    });


    });


    </script>


    برای فراخوانی کدهی بالا در طراحی سایت با کدهای html به صورت زیر عمل می نمایید.


    <body>


    <p>Demonstrate fadeOut() with different parameters.</p>


    <button>Click to fade out boxes</button>


    <br><br>


    <div id="div1" style="width:80px;height:80px;background-color:red;"></div><br>


    <div id="div2" style="width:80px;height:80px;background-color:green;"></div><br>


    <div id="div3" style="width:80px;height:80px;background-color:blue;"></div>





    </body>


    </html>


    به آسانی با کدهای jQuery می توانید نمایش زیبایی را از طراحی سایت خود در کنار سرعت بالا ایجاد نماییم و در نتیجه این عمل موجب جلب نظر کاربر خود شویم که این خود در سئو سایت ما تاثیرگذار خواهد بود.




    منبع: پنهان سازی با jQuery در طراحی سایت

  2. نوين وردپرس تبلیغات شما

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. آموزش JQuery بصورت کامل(راه اندازی JQuery)
    توسط Danial در انجمن دیگر آموزش ها
    پاسخ: 3
    آخرين نوشته: 01-04-2015, 10:58 PM
  2. پنهان سازی با jQuery در طراحی سایت
    توسط elham1388 در انجمن دیگر آموزش ها
    پاسخ: 0
    آخرين نوشته: 11-18-2014, 12:55 PM
  3. آموزش JQuery بصورت کامل(انتخاب کننده های JQuery)
    توسط Danial در انجمن دیگر آموزش ها
    پاسخ: 4
    آخرين نوشته: 11-08-2014, 01:00 AM
  4. آموزش JQuery بصورت کامل(رویداد های jquery)
    توسط Danial در انجمن دیگر آموزش ها
    پاسخ: 0
    آخرين نوشته: 11-07-2014, 11:21 PM
  5. آموزش JQuery بصورت کامل(نحوه استفاده از JQuery)
    توسط Danial در انجمن دیگر آموزش ها
    پاسخ: 0
    آخرين نوشته: 10-17-2014, 11:26 PM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک