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

موضوع: درخواست ساخت دکمه بالا با استفاده از CSS و jQuery

  1. #1
    vbman آنلاین نیست.
    vbman
    کاربر سايت
    225نوشته106مورد پسند

    تاریخ عضویت
    Jan 2014
    شماره عضویت
    4067
    پسندیده است
    250 پست
    بلاگ
    پست
    میزان امتیاز
    116
    wikivb.ir

    درخواست ساخت دکمه بالا با استفاده از CSS و jQuery

    از کد نویسان عزیز میخوام که
    آموزش گذاشتن دکمه up به صورت CSS و jQuery را به اشتراک بزارن
    طوری باشه که وقتی صفحه به پایین میاد آروم آروم ظاهر بشه
    و
    صفحه بالا که میره آروم آروم ناپدید بشه

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

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

  3. #2
    M-Barati آنلاین نیست.
    M-Barati
    پاسخگو و راهنما
    مدير بخش
    3,015نوشته3,985مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    59
    پسندیده است
    6,300 پست
    بلاگ
    2 پست
    میزان امتیاز
    3995
    مسئول 2 ستاره
    www.irtalk.ir

    4 نفر از اعضا پست M-Barati را پسندیده اند


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

  4. #3
    vbman آنلاین نیست.
    vbman
    کاربر سايت
    225نوشته106مورد پسند

    تاریخ عضویت
    Jan 2014
    شماره عضویت
    4067
    پسندیده است
    250 پست
    بلاگ
    پست
    میزان امتیاز
    116
    wikivb.ir
    نقل قول نوشته اصلی توسط M-Barati نمایش پست ها
    ممنون از شما بابت راهنماییتون
    اما چیزی من میخواستم این نبود
    اولی اینه
    uppic.jpg
    دومی هم چیزی که من میخواستم نبود

  5. #4
    M-Barati آنلاین نیست.
    M-Barati
    پاسخگو و راهنما
    مدير بخش
    3,015نوشته3,985مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    59
    پسندیده است
    6,300 پست
    بلاگ
    2 پست
    میزان امتیاز
    3995
    مسئول 2 ستاره
    www.irtalk.ir
    چیزی مشابه اسکرول باری که شما میخواستید و در ویکی وی بی آموزشش بود رو براتون قرار دادم
    شما در گوگل سرچ کن:پلاگین اسکرول بار جی کوئری
    نمونه های زیادی رو براتون میاره که مورد مد نظرتون رو میتونید ازش استفاده کنید

    در مورد بازگشت به بالا چه چیزی مد نظرتون هست؟؟

    کاربر زیر پست M-Barati را پسندیده است:


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

  6. #5
    vbman آنلاین نیست.
    vbman
    کاربر سايت
    225نوشته106مورد پسند

    تاریخ عضویت
    Jan 2014
    شماره عضویت
    4067
    پسندیده است
    250 پست
    بلاگ
    پست
    میزان امتیاز
    116
    wikivb.ir
    نقل قول نوشته اصلی توسط vbman نمایش پست ها
    از کد نویسان عزیز میخوام که
    آموزش گذاشتن دکمه up به صورت CSS و jQuery را به اشتراک بزارن
    طوری باشه که وقتی صفحه به پایین میاد آروم آروم ظاهر بشه
    و
    صفحه بالا که میره آروم آروم ناپدید بشه

    دکمه در حالت عادی بی رنگ باشه
    و
    وقتی که موس رو میبریم روش رنگی بشه
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    نقل قول نوشته اصلی توسط M-Barati نمایش پست ها
    چیزی مشابه اسکرول باری که شما میخواستید و در ویکی وی بی آموزشش بود رو براتون قرار دادم
    شما در گوگل سرچ کن:پلاگین اسکرول بار جی کوئری
    نمونه های زیادی رو براتون میاره که مورد مد نظرتون رو میتونید ازش استفاده کنید

    در مورد بازگشت به بالا چه چیزی مد نظرتون هست؟؟
    اسکرول بار نه
    دکمه اسکرول آپ میخوام
    که به صورت آسانسوری باشه و امکاناتی رو که بالای نقل قول شما تو همین پست مجددا" نشر کردم رو داشته باشه

    الان یه نوع از همینی که گفتم روی انجمنم اجرا شده ، اما متاسفانه نمیدونم چرا استایل رو بهم میریزه
    شات : در حالت معمولی ( موس رو دکمه نیست )
    up1.jpg

    وقتی که موس میاد روی دکمه :
    up2.jpg

    حالا این یه اشکالی داره یا نمیدونم شایدم با استایل xinor سازگار نیست
    چون header رو بهم میریزه
    up3.jpg

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

  7. #6
    B.A.B.A.K آنلاین نیست.
    B.A.B.A.K
    کاربر اخراجي
    216نوشته205مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    7207
    پسندیده است
    1,821 پست
    بلاگ
    پست
    میزان امتیاز
    216
    wikivb.ir
    نقل قول نوشته اصلی توسط vbman نمایش پست ها
    اسکرول بار نه
    دکمه اسکرول آپ میخوام
    که به صورت آسانسوری باشه و امکاناتی رو که بالای نقل قول شما تو همین پست مجددا" نشر کردم رو داشته باشه

    الان یه نوع از همینی که گفتم روی انجمنم اجرا شده ، اما متاسفانه نمیدونم چرا استایل رو بهم میریزه
    شات : در حالت معمولی ( موس رو دکمه نیست )
    up1.jpg

    وقتی که موس میاد روی دکمه :
    up2.jpg

    حالا این یه اشکالی داره یا نمیدونم شایدم با استایل xinor سازگار نیست
    چون header رو بهم میریزه
    up3.jpg

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

    کاربر زیر پست B.A.B.A.K را پسندیده است:



  8. #7
    vbman آنلاین نیست.
    vbman
    کاربر سايت
    225نوشته106مورد پسند

    تاریخ عضویت
    Jan 2014
    شماره عضویت
    4067
    پسندیده است
    250 پست
    بلاگ
    پست
    میزان امتیاز
    116
    wikivb.ir
    نقل قول نوشته اصلی توسط B.A.B.A.K نمایش پست ها
    درود ، الان شما برای انجمن خودتون دکمه ی بازگشت به بالا رو میخواید ؟
    درود
    بله ، مثل همینی که الان گذاشتم باشه ، بدون مشکل مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  9. #8
    B.A.B.A.K آنلاین نیست.
    B.A.B.A.K
    کاربر اخراجي
    216نوشته205مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    7207
    پسندیده است
    1,821 پست
    بلاگ
    پست
    میزان امتیاز
    216
    wikivb.ir
    نقل قول نوشته اصلی توسط vbman نمایش پست ها
    درود
    بله ، مثل همینی که الان گذاشتم باشه ، بدون مشکل مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    لطفا دمو اون عکسی که قرار دادید رو بدید . مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  10. #9
    vbman آنلاین نیست.
    vbman
    کاربر سايت
    225نوشته106مورد پسند

    تاریخ عضویت
    Jan 2014
    شماره عضویت
    4067
    پسندیده است
    250 پست
    بلاگ
    پست
    میزان امتیاز
    116
    wikivb.ir
    نقل قول نوشته اصلی توسط B.A.B.A.K نمایش پست ها
    لطفا دمو اون عکسی که قرار دادید رو بدید . مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    کنار آواتارم روی demo.jpg کلیک کنید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  11. #10
    B.A.B.A.K آنلاین نیست.
    B.A.B.A.K
    کاربر اخراجي
    216نوشته205مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    7207
    پسندیده است
    1,821 پست
    بلاگ
    پست
    میزان امتیاز
    216
    wikivb.ir
    نقل قول نوشته اصلی توسط vbman نمایش پست ها
    کنار آواتارم روی demo.jpg کلیک کنید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    به انتهای ادیشنال کد زیر رو اضافه کنید ...

    کد:
    /* Coded By B.A.B.A.K */
    .scrollTop{
    font-family: tahoma;font-size:11px;position: fixed;right: 25px;bottom:30px;display: none;width:70px;padding: 10px;z-index: 10;opacity: 0.5;color: #fff;text-decoration: none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-shadow:0 0 1px #ccc;    border-left:dashed;border-right:dashed;border-left-color:#ccc;border-right-color:#ccc;border-left-width:thin;border-right-width:thin;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;background: #727272;background: -webkit-linear-gradient(top, #727272, #151313);background: -moz-linear-gradient(top, #727272, #151313);background: -ms-linear-gradient(top, #727272, #151313);background: -o-linear-gradient(top, #727272, #151313);background: linear-gradient(top, #727272, #151313);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#727272', endColorstr='#151313');    
    }
    .scrollTop:hover{
    background: #2D02E8;background: -webkit-linear-gradient(top, #2D02E8, #0119D9);background: -moz-linear-gradient(top, #2D02E8, #0119D9);background: -ms-linear-gradient(top, #2D02E8, #0119D9);background: -o-linear-gradient(top, #2D02E8, #0119D9);background: linear-gradient(top, #2D02E8, #0119D9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2d02e8', endColorstr='#0119d9');
    opacity: 0.8;text-shadow:0 0 1px #000;
    }
    /* Coded By B.A.B.A.K */
    و کد زیر رو در header قرار بدید .

    کد:
    /* Coded By B.A.B.A.K */
    <script type='text/javascript' src='http://mohseneo.persiangig.com/other/jquery.min.js'></script>
    <script type="text/javascript" src="http://mohseneo.persiangig.com/other/scrollTop.js"></script>    
    <div class="scrollToTop"><a style="color:#FFF; text-decoration:none;" href="#" onclick="return false;">بازگشت به بالا</a></div>
    /* Coded By B.A.B.A.K */
    موفق و پیروز باشید / مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    ویرایش توسط B.A.B.A.K : 12-12-2014 در ساعت 10:56 AM

صفحه 1 از 2 12 آخرینآخرین

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

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

در حال حاضر 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

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

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

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