منتديات ابداع توداى - اكبر موقع عربى للبرامج والعاب الاونلاين وتطوير المنتديات واخبار العالم
 
الرئيسيةالرئيسية  س .و .جس .و .ج  بحـثبحـث  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 مجموعة اكواد Html الصعود الي اعلى لمنتديات التابعة لاحلى منتدى

اذهب الى الأسفل 
كاتب الموضوعرسالة
malakwab
..:: أدارة المنتدى ::..
..:: أدارة المنتدى ::..
avatar

الجنس : ذكر
مشاركاتى : 2962
نقودى : 5068
سمعتى : 14
عمرى : 19
التسجيل : 04/05/2012
العمل/الترفيه : مبرمج

مُساهمةموضوع: مجموعة اكواد Html الصعود الي اعلى لمنتديات التابعة لاحلى منتدى   الأحد يوليو 12, 2015 4:38 pm

بسم الله الرحمن الرحيم


الصلاة والسلام علي اشرف المرسلين سيدنا محمد عليه الصلاة والسلام 


 ( ام بعد


اقدم لكم مجموعة اكواد Html الصعود الي اعلى لمنتديات التابعة لاحلى منتدى


الموضوع حصري علي منتديات ابداع توداى


لوحة الادارة => عناصر اضافية => إدارة أكواد Javascript 




ثم ضع هذا الكود
الكود:


$(document).ready(function(){
 jQuery('body').append('<a href="#" class="scrollToTop" style="position:fixed; bottom:25px; right:20px; display:none;"><img src="http://www.dynamicdrive.com/dynamicindex3/up.png" /></a>');
 //Check to see if the window is top if not then display button
 $(window).scroll(function(){
 if ($(this).scrollTop() > 100) {
 $('.scrollToTop').fadeIn();
] } else {
 $('.scrollToTop').fadeOut();
 }
 });
  //Click event to scroll to top
 $('.scrollToTop').click(function(){
 $('html, body').animate({scrollTop : 0},800);
 return false;
 });
 


});







لتغير شكل السهم قم بالبحث عن هذه الصورة




اقتباس :
http://www.dynamicdrive.com/dynamicindex3/up.png




وقم بتبديلها بالاشكال الاتية






اقتباس :
http://icons.iconarchive.com/icons/pixelmixer/basic-2/48/arrow-up-icon.png








اقتباس :
http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-5/48/navigate-up-icon.png









اقتباس :
http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-4/48/upload-icon.png








اقتباس :
http://icons.iconarchive.com/icons/visualpharm/must-have/48/Stock-Index-Up-icon.png










اقتباس :
http://icons.iconarchive.com/icons/pixelmixer/basic/48/up-icon.png










اقتباس :
http://icons.iconarchive.com/icons/mattahan/umicons/48/Arrow-icon.png







عدل سابقا من قبل admin في الأحد يوليو 12, 2015 10:14 pm عدل 7 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ibda3today.0wn0.com
 
مجموعة اكواد Html الصعود الي اعلى لمنتديات التابعة لاحلى منتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ابداع توداى :: اقسام التطوير و المساعدة :: متجر الاكواد :: أكواد HTML-
انتقل الى: