معتز بالله adminمدراء المنتدى
| موضوع: كود تومبيلات الصعود والنزول في الموقع بالنسبة المؤوية 2017 13/02/17, 12:55 am | |
| شارك الموضوع مع: نقدم لكم اليوم في موقع منتديات نجم نت كود الصعود و النزول في الموقع بالنسبة المؤوية (إضافة النسبة المئوية بجانب السكرول بار) | نبدأعلى بركة الله اولا نفتح لوحة الإدراة ثم ادراة عامة ثم overall_header و نضع الكود فوق( - الكود:
-
</head> ) مباشرتا - الكود:
-
[font=monospace]<script type="text/javascript"> var scrollTimer = null; $(window).scroll(function() { var viewportHeight = $(this).height(), scrollbarHeight = viewportHeight / $(document).height() * viewportHeight, progress = $(this).scrollTop() / ($(document).height() - viewportHeight), distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2; $('#scroll') .css('top', distance) .text(' (' + Math.round(progress * 100) + '%)') .fadeIn(600); if (scrollTimer !== null) { clearTimeout(scrollTimer); } scrollTimer = setTimeout(function() { $('#scroll').fadeOut(600); }, 1000); }); //]]> </script>[/font] و نضع الكود اسفل ( - الكود:
-
</head> ) مباشرتا الكود التالي - الكود:
-
<div id='scroll'></div> الان نمر إلأى كود css مبروك الكود لتغير لونه ابحث في كو css على الرمزين #369fcf |
مع السلامة |
|
عريب في بلاديعضو جديد
| موضوع: رد: كود تومبيلات الصعود والنزول في الموقع بالنسبة المؤوية 2017 20/02/18, 03:02 pm | |
| |
|