hits counter
الرئيسيةس .و .جبحـثالتسجيلدخول
دعم شباب الآن: لدينا 8248 موضوع ، و 1991 عضو ، آخر عضو مسجل : نغم سات فمرحباُ به.



كود زر الى الاعلى بتقنية jQuery
avatar
THE QM
إدارة الموقع
 
المشاركات : 7657
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22
موضوع: كود زر الى الاعلى بتقنية jQuery



كود ،جيكويري،جافاسكربت،انزلاق،الى الاعلى ،جميل،مميزة،طريق،اكواد،تومبيلات،احلى منتدى،vb
كود زر الى الاعلى بتقنية jQuery


صورة من الكود


يظهر الزر في اصفل يمين الشاشة عند النزول بالصفحة الى الاسفل
ويختفي عند الصعود للاعلى
وينتقل من الاسفل الى الاعلى بخاصية الانزلاق المميزة
تنصح الجميع به
للتسهيل على زوارك تصفح الموقع
كود الجي كويري
يوضع قبل الوسم
الكود:
</head>
الكود
الكود:

[hide]<script type=”text/javascript” src=”http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js”><script type="text/javascript">
$(document).ready(function() {
$('a[href=#top]').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type='text/javascript'>
    $(function() {
        $.fn.scrollToTop = function() {
            $(this).hide().removeAttr("href");
            if ($(window).scrollTop() != "0") {
                $(this).fadeIn("slow")
            }
            var scrollDiv = $(this);
            $(window).scroll(function() {
                if ($(window).scrollTop() == "0") {
                    $(scrollDiv).fadeOut("slow")
                } else {
                    $(scrollDiv).fadeIn("slow")
                }
            });
            $(this).click(function() {
                $("html, body").animate({
                    scrollTop: 0
                }, "slow")
            })
        }
    });
    $(function() {
        $("#w2b-StoTop").scrollToTop();
    });
</script><a href='#' id='w2b-StoTop' style='display:none;'>إلى أعلى الصفحة </a>
[/hide]

كود السي اس اس




وتمتع بخاصة الانزلاق في موقعك
دعم شباب - منعاً من احتكار المعلومة
انتظرونا في المزيد



كن بالقرب :
follow me @HDagash


التعليقات
schoolel7ob
avatar
داعم مبتدئ
داعم مبتدئ

المشاركات : 30
القسم المفضل : لم يحدد
سجل في : 01/09/2011
النقاط : 10



 
روعه والله
انت فى غايه الجمال
كنت محتاج الكود ده وكنت هنزل موضوع هنا امبارح
مشكور يا غالى



 
schoolel7ob
avatar
داعم مبتدئ
داعم مبتدئ

المشاركات : 30
القسم المفضل : لم يحدد
سجل في : 01/09/2011
النقاط : 10



 
اخى الكود مش اشتغل عندى
نزلت الكود الاول فى
إدارة أكواد Javascript
والتانى فى css
مش اشتغل مش عارف ليه



الزعيم
avatar
داعم متميز
داعم متميز

المشاركات : 85
القسم المفضل : لم يحدد
سجل في : 06/09/2011
النقاط : 10



  شكرا



الزعيم
avatar
داعم متميز
داعم متميز

المشاركات : 85
القسم المفضل : لم يحدد
سجل في : 06/09/2011
النقاط : 10



 أخي الكود لايعمل ارجو منك التاكد منه



THE QM
avatar
إدارة الموقع

المشاركات : 7657
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22



 السلام عليكم
اخواني الاعزاء كتب في الشرح
ضع كود الجي كويري قبل علامة
</head>
وليس في ادارة الجافا سكربت
اتبعو الخطوات حرفياً وسينجح الكود
متابعكم ان شاء الله Arrow





كن بالقرب :
follow me @HDagash


schoolel7ob
avatar
داعم مبتدئ
داعم مبتدئ

المشاركات : 30
القسم المفضل : لم يحدد
سجل في : 01/09/2011
النقاط : 10



 
انا وضعت الكود فوق الواجهه
overall_header
بس لو مش هو ده مكانها
ممكن شرح اكثر اخى
اين توجود بالظبط
لوحه الاداره
وبعد كده ايه



THE QM
avatar
إدارة الموقع

المشاركات : 7657
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22



 السلام عليكم
اخي الشرح واضح
ضع الكود في
لوحة الادارة
مظهر المنتدىoverall_header
ابحث عن
</head>
ضع الكود قبلها
سجل
انشر






كن بالقرب :
follow me @HDagash


schoolel7ob
avatar
داعم مبتدئ
داعم مبتدئ

المشاركات : 30
القسم المفضل : لم يحدد
سجل في : 01/09/2011
النقاط : 10



 
تمام زى ما انا قولت فى رى اللى فات
مشكور اخى



داعم العرب
avatar
داعم بشدة
داعم بشدة

المشاركات : 281
القسم المفضل : لم يحدد
سجل في : 08/08/2011
النقاط : 12



 شكرااااااااااااااا يا غااالي



zander4
avatar
داعم جديد
داعم جديد

المشاركات : 7
القسم المفضل : لم يحدد
سجل في : 07/08/2011
النقاط : 10



 thx



mo'emn fox
avatar
داعم متميز
داعم متميز

المشاركات : 159
القسم المفضل : لم يحدد
سجل في : 05/08/2011
النقاط : 11



 دائم مبدع



Fouadbiskra
avatar
داعم متفاعل
داعم متفاعل

المشاركات : 78
القسم المفضل : لم يحدد
سجل في : 10/08/2011
النقاط : 12



 اخي QM
ليس لدي التمبلايت ولا اعرف كيف اضع هذا الكود ممكن مساعدة من فضلك؟



Fouadbiskra
avatar
داعم متفاعل
داعم متفاعل

المشاركات : 78
القسم المفضل : لم يحدد
سجل في : 10/08/2011
النقاط : 12



 اخي انتظر ردك لم تنجح معي العملية



THE QM
avatar
إدارة الموقع

المشاركات : 7657
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22



 
Fouadbiskra كتب:
اخي QM
ليس لدي التمبلايت ولا اعرف كيف اضع هذا الكود ممكن مساعدة من فضلك؟
بدون تومبيلات لن ينجح الكود





كن بالقرب :
follow me @HDagash


Fouadbiskra
avatar
داعم متفاعل
داعم متفاعل

المشاركات : 78
القسم المفضل : لم يحدد
سجل في : 10/08/2011
النقاط : 12



 شكرا على التوضيح



abdalmajed
avatar
داعم جديد
داعم جديد

المشاركات : 1
القسم المفضل : لم يحدد
سجل في : 03/05/2012
النقاط : 10



 الف شكر جاري التجربة



abdellahs
avatar
داعم جديد
داعم جديد

المشاركات : 2
القسم المفضل : لم يحدد
سجل في : 10/05/2012
النقاط : 10



 مشكووووووووور



naderstar
avatar
داعم جديد
داعم جديد

المشاركات : 2
القسم المفضل : لم يحدد
سجل في : 16/01/2012
النقاط : 10



 شكرا لك



منتديات ارادتنا
avatar
داعم متفاعل
داعم متفاعل

المشاركات : 68
القسم المفضل : لم يحدد
سجل في : 11/03/2012
النقاط : 10



  :منقول:



ابن فلسطين
عضو مطرود

المشاركات : 1171
القسم المفضل : القسم الاسلامي
سجل في : 04/03/2012
النقاط : 17



 بارك الله فيكم



NABIL-AF
avatar
داعم جديد
داعم جديد

المشاركات : 1
القسم المفضل : لم يحدد
سجل في : 29/01/2013
النقاط : 10



 روعه والله
انت فى غايه الجمال
كنت محتاج الكود ده وكنت هنزل موضوع هنا امبارح
مشكور يا غالى



تفضّل شارك بتعليقك

دعم شباب  :: تطوير المواقع والمنتديات :: تطوير المواقع :: عالم الاكواد :: اكواد jQuery والJava Script-