اذهب إلى المحتوى
  • 0

كيف يمكنني إضافة زر "الإنتقال لأعلى الصفحة" بإستخدام "HTML5 , CSS3" ؟

صهيب

السؤال

Recommended Posts

  • 0

بمكنك ذلك بتضمين مكتبة الـ"jQuery" باستخدامك السطر التالي:
 

<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>

و من ثمّ تضمين ملف الستايل الخاص بالزر:
 

<link rel="stylesheet" href="css/mu-scroll.css">

ثم قم بتضمين ملف الإضافة "جافاسكربت"
 

<script src="js/oz-scroll-up.js"></script>

و أخيراً في أسفل ملف صفحة الـ HTML قم بتضمين شيفرة الزر:

<a id="mu-scroll" class="style1" href="#"></a>

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

الامر بسيط يمكنك اضافة زر او اضافة كلمة مثل الصعود للاعلي او حتي صورة عند الضغط عليها تصعد للاعلي او للاسفل

<div class="top">
    <a href="#top">الصعود للاعلي</a>
</div>

واكواد css

        .top{
            position: fixed;
            bottom: 10px;
            right: 15px;
         background:#333;
         padding:5px;
        }
        .top a{
            color:white;
        }

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...