آموزش jQuery
jquery – انتخاب المنت ها
jquery – انتخاب المنت ها در ابتدا بهتر است بگوییم انتخاب المنت در صفحه به چه معنی می باشد ؟ المنت به تک تک تگ
متد show و hide در jquery
متد show و hide در jquery همانطور که از نام این دو متد پیداست این متد ها برای نمایش یا مخفی کردن المان ها درون
حذف کوکی
حذف کوکی : برای حذف کردن کوکی های از پیش ایجاد شده میتونین از روش زیر استفاده کنید : اگر عملیات حذف با موفقیت انجام
روش خواندن کوکی
خواندن کوکی : برای خواندن کوکی هایی که قبلا ایجاد کردید ، میتونین به روش زیر اقدام کنید : میبینید که نام کوکی رو قرار
پلاگینی برای مدیریت کوکی ها
jquery.cookie : پلاگینی برای مدیریت کوکی ها برای اینکه پلاگین کار کنه باید خود jQuery رو هم به صفحتون اضافه کنید. برای اینکار یک فایل
ایجاد Lightbox زیبا برای تصاویر
ایجاد Lightbox زیبا برای تصاویر به همه فایلها نیاز نداریم و فقط به ۳ فایل زیر احتیاج داریم : jquery.js lightbox.min.js lightbox.css همچنین به تعدادی
دکمه ای جهت انتقال به بالای صفحه با افکتی زیبا (jQuery)
دکمه ای جهت انتقال به بالای صفحه با افکتی زیبا (jQuery) <head> <script type=”text/javascript” src=”Scripts/jquery.min.js”></script> <script type=”text/javascript” src=”Scripts/scrolltopcontrol.js”></script> </head> <body> <a href=”#top”>بالای صفحه</a> </body>
افکت تصویر کاربردی و زیبا با جی کوئری
افکت تصویر کاربردی و زیبا با جی کوئری <head> <style type=”text/css”> .temp { margin: 0px 5px 5px; width: 250px; } .temphol { width: 250px; height:
جی کوئری اسکرول بار
جی کوئری اسکرول بار <head> <link rel=”stylesheet” href=”css/styles.css” type=”text/css” media=”screen”/> <script src=”http://code.jquery.com/jquery-latest.js” type=”text/javascript”></script> <script type=”text/javascript” src=”js/jquery.tinyscrollbar.min.js”></script> <script type=”text/javascript”> $(document).ready(function(){ $(‘#scrollbar1’).tinyscrollbar(); }); </script> </head> <body> <div
جی کوئری اسلایدشو
جی کوئری اسلایدشو <head> <script type=”text/javascript” src=”js/jquery-1.4.2.min.js”></script> <script type=”text/javascript” src=”js/coin-slider.min.js”></script> <link rel=”stylesheet” type=”text/css” href=”css/coin-slider-styles.css”> </head> <body> <div id=”slider”><a href=”#” target=”_blank”><img src=”frame1.jpg” alt=”اینترنت” width=”565″ height=”290″><span><b>اینترنت</b><br> اینترنت
