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

موضوع: [jQuery] واکنش متن نسبت به قرار گرفتن موس

  1. #1
    Qorbat آنلاین نیست.
    Qorbat
    کاربر سايت
    28نوشته2مورد پسند

    تاریخ عضویت
    Aug 2015
    شماره عضویت
    9508
    پسندیده است
    28 پست
    بلاگ
    پست
    میزان امتیاز
    12
    No Set

    [jQuery] واکنش متن نسبت به قرار گرفتن موس

    سلام.. خسته نباشید
    من میخوام وقتی موس روی یه متن بره ، متن تکون بخوره به نرمی و کمی بره جلوتر و وقتی موس برداشته شد از روی متن ، متن به جای اولش برگرده
    من با hover و توسط css نوشتم ولی میخوام جالب تر بشه و فکر میکنم با jQuery بشه همچین کاری رو تمیز تر انجام داد
    اگه بشه راهنمایی کنید و پلاگین jQuery ـشو ...

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

  3. #2
    mbb1376 آنلاین نیست.
    mbb1376 72نوشته17مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    2853
    پسندیده است
    29 پست
    بلاگ
    پست
    میزان امتیاز
    27
    No Set
    منظورتون از جذاب تر چیه؟؟

    کاربر زیر پست mbb1376 را پسندیده است:



  4. #3
    Qorbat آنلاین نیست.
    Qorbat
    کاربر سايت
    28نوشته2مورد پسند

    تاریخ عضویت
    Aug 2015
    شماره عضویت
    9508
    پسندیده است
    28 پست
    بلاگ
    پست
    میزان امتیاز
    12
    No Set
    نقل قول نوشته اصلی توسط mbb1376 نمایش پست ها
    منظورتون از جذاب تر چیه؟؟
    ننوشتم جذاب بنده !!
    فقط خیلی طبیعیه که سایت های بزرگ با hover انجام نمیدند.. میخوام به طور استاندارد تر باشه با سایت های دیگه

  5. #4
    mbb1376 آنلاین نیست.
    mbb1376 72نوشته17مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    2853
    پسندیده است
    29 پست
    بلاگ
    پست
    میزان امتیاز
    27
    No Set
    میشه یه نمونه بدید؟

    کاربر زیر پست mbb1376 را پسندیده است:



  6. #5
    Qorbat آنلاین نیست.
    Qorbat
    کاربر سايت
    28نوشته2مورد پسند

    تاریخ عضویت
    Aug 2015
    شماره عضویت
    9508
    پسندیده است
    28 پست
    بلاگ
    پست
    میزان امتیاز
    12
    No Set
    نقل قول نوشته اصلی توسط mbb1376 نمایش پست ها
    میشه یه نمونه بدید؟
    روی بخش " با ما تماس بگیرید " anetwork.ir موس رو ببرید نمونشو مشاهده میکنی...

  7. #6
    mbb1376 آنلاین نیست.
    mbb1376 72نوشته17مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    2853
    پسندیده است
    29 پست
    بلاگ
    پست
    میزان امتیاز
    27
    No Set
    از hover استفاده می کنه

    کد PHP:
    <style>
    .
    test {
        
    positionrelative;
        
    displayinline-block;
        
    font-size15px;
        
    padding8px 25px;
        
    border1px solid #A087A0;
        
    color#745274;
        
    border-radius2px;
        
    white-spacenowrap;
        
    transitionpadding-left 0.2s ease 0spadding-right 0.2s ease 0s;
        
    transformtranslateZ(0px);
    }
    .
    test:hover{
    border-color#745274;
    background#745274 none repeat scroll 0% 0%;
    color#FFF;
    padding-left35px;
    padding-right15px;
    }
    </
    style>
    <
    div class="test">تماس با ما</div

    برای آیکون هم باید از font awesome استفاده کنید

    2 نفر از اعضا پست mbb1376 را پسندیده اند



  8. #7
    MahMoUoD آنلاین نیست.
    MahMoUoD
    کاربر سايت
    352نوشته322مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1744
    پسندیده است
    820 پست
    بلاگ
    پست
    میزان امتیاز
    333
    www.farshost.net
    نقل قول نوشته اصلی توسط Qorbat نمایش پست ها
    ننوشتم جذاب بنده !!
    فقط خیلی طبیعیه که سایت های بزرگ با hover انجام نمیدند.. میخوام به طور استاندارد تر باشه با سایت های دیگه

    دوست عزیز لود کردن جی کوئری در سایت باعث میشه یه فایل اضافی در سایت لود بشه. که در مواردی باعث کندی سایت هم میشه
    الان خیلی کار هایی که قبلا با جاوااسکریپت و جی کوئری انجام میدادن رو دارن با CSS3 انجام میدن. چون نیاز به لود هیچ فایلی نداره و سبک تر هم هست
    نمونش اسلایدر هست. که اگه بگردید اسلایدر هایی پیدا میکنید که با CSS نوشته شدند
    خصوصیت hover خیلی هم استاندارد هست و ربطی به بزرگی و کوچکی سایت نداره!!
    فقط مسئله خلاقیت خود شماست که بتونید با همین هاور کار های خیلی جذابی بکنید. مثل همین سایتی که مثال زدین خودتون


    موفق باشید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    ویرایش توسط MahMoUoD : 09-03-2015 در ساعت 12:04 PM

  9. #8
    Mr.Al!Reza آنلاین نیست.
    Mr.Al!Reza
    کاربر سايت
    54نوشته18مورد پسند

    تاریخ عضویت
    Mar 2015
    شماره عضویت
    8443
    پسندیده است
    16 پست
    بلاگ
    پست
    میزان امتیاز
    28
    No Set
    نقل قول نوشته اصلی توسط mbb1376 نمایش پست ها
    از hover استفاده می کنه

    کد PHP:
    <style>
    .
    test {
        
    positionrelative;
        
    displayinline-block;
        
    font-size15px;
        
    padding8px 25px;
        
    border1px solid #A087A0;
        
    color#745274;
        
    border-radius2px;
        
    white-spacenowrap;
        
    transitionpadding-left 0.2s ease 0spadding-right 0.2s ease 0s;
        
    transformtranslateZ(0px);
    }
    .
    test:hover{
    border-color#745274;
    background#745274 none repeat scroll 0% 0%;
    color#FFF;
    padding-left35px;
    padding-right15px;
    }
    </
    style>
    <
    div class="test">تماس با ما</div

    برای آیکون هم باید از font awesome استفاده کنید
    دوست عزیز برای اینکه کد در مروگر ها به دستی اجرا بشه کد transform فروم داخل
    -moz-
    -o-
    -webkit-
    بنویسید

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

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

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

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

  1. پنهان سازی با jQuery در طراحی سایت
    توسط elham1388 در انجمن دیگر آموزش ها
    پاسخ: 0
    آخرين نوشته: 11-24-2014, 01:59 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

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

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

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