زمان کنونی: ۱۱-۴-۱۳۹۵, ۰۶:۲۰ عصر درود مهمان گرامی! (ورودثبت نام)


[-]

اطلاعیه ها


سلام و عرض وقت بخیر خدمت دوستان و کاربران گرامی

جهت پرسش و پاسخ و دریافت پاسخ سریعتر لطفا از بخش پرسش و پاسخ وب سایت Softskill.ir استفاده نمایید.

برای ورود به بخش پرسش و پاسخ وب سایت جدید کلیک کنید.


متحرک سازی در طراحی سایت با jquery
زمان کنونی: ۱۱-۴-۱۳۹۵, ۰۶:۲۰ عصر
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: elham1388
آخرین ارسال: elham1388
پاسخ: 1
بازدید: 776

ارسال پاسخ 
 
امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 4
  • 1
  • 2
  • 3
  • 4
  • 5
 

متحرک سازی در طراحی سایت با jquery

۵-۳-۱۳۹۴, ۰۱:۴۸ عصر
ارسال: #1
متحرک سازی در طراحی سایت با jquery
متحرک سازی بخشی از صفحه طراحی سایت شما به واسط کدهای جی کوئری jquery از آیتم های پرکاربرد در طراحی وب سایت شما می باشد. شخصی سازی تحرک به واسط متد animate() امکان پذیر می باشد که می توانید به اجزا صفحه سرعت مورد نظر خود را اعمال نمایید. متغییرهای "slow", "fast" و milliseconds مواردی است که در جهت تنظیم سرعت متحرک سازی بکار گرفته می شوند.



$("button").click(function(){
$("div").animate({left: '250px'});
});

متغییر left موقعیت و جهت تحرک را نمایش می دهد.



$("button").click(function(){
$("div").animate({
left: '250px',
height: '+=150px',
width: '+=150px'
});
});

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

$("button").click(function(){
var div = $("div");
div.animate({height: '300px', opacity: '0.4'}, "slow");
div.animate({width: '300px', opacity: '0.8'}, "slow");
div.animate({height: '100px', opacity: '0.4'}, "slow");
div.animate({width: '100px', opacity: '0.8'}, "slow");
});



در کد بالا سرعت حرکت را آهسته اعلام نموده است و همچنین شفافیت را نیز تعیین نموده است. کدهای متحرک سازی زیبایی را به صفحه طراحی سایت اهدا می نمایند که موجب جذب نظر کاربر می شود و در سئو سایت و بهینه سازی سایت موثر خواهد بود. زیبایی در صفحه طراحی سایت موجب تمایل کاربر به ماندن در طراحی وب سایت خواهد شد و نیز تمایل به بازرگشت دوباره به طراحی سایت شما را افزایش می دهد که تمامی مواردی است که مورد مطلوب صاحبان طراحی سایت قرار می گیرد و همچنین نتیجه خود را در سئو وب سایت و بهینه سازی وب سایت خواهد گذاشت.
امضای elham1388 دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
, دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
, دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
, دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
, دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  انتخاب عنصرهای والد با Css و jQuery academyit 1 189 ۱۰-۶-۱۳۹۵ ۰۲:۴۱ صبح
آخرین ارسال: shopintex
  فیلم آموزش jQuery-کتاب آموزش jQuery-مقالات آموزش jQuery-دوره آموزش jQuery –رایگان amirhosein71 0 433 ۹-۱۵-۱۳۹۴ ۰۵:۱۷ عصر
آخرین ارسال: amirhosein71
  استایل در صفحات طراحی سایت elham1388 0 760 ۵-۳-۱۳۹۴ ۰۲:۰۵ عصر
آخرین ارسال: elham1388
  ایفکت جی کوئری در طراحی سایت elham1388 0 817 ۴-۲۳-۱۳۹۴ ۰۹:۰۹ صبح
آخرین ارسال: elham1388
  انتخاب گر ها در جی کوئری (Jquery Selectors) heidari 0 987 ۴-۷-۱۳۹۴ ۰۹:۵۶ صبح
آخرین ارسال: heidari
  ارتباط jquery و javascript shahab ra 2 1,849 ۴-۳۰-۱۳۹۳ ۰۴:۰۸ عصر
آخرین ارسال: shahab ra
  توضیح کوتاه و کاربردی با مثال درباره ی jQuery JohnnyB 0 1,347 ۳-۲۰-۱۳۹۳ ۱۰:۳۳ صبح
آخرین ارسال: JohnnyB

پرش به انجمن:


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