منطقة الاعضاء


كلمة الادارة
تم بإذن الله فتح التبادل الاعلاني مع منتديات بيت الجزائر لكل العرب ، فلمن يهمه الامر يضع طلبه في القسم الخاص بالتبادل مح وصف المنتدى
 

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةالمنشوراتس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

بيت الجزائر لكل العرب

اسم الموضوع: استايل شبكة ديزاين ستار العربية الازرق المعتمد في منتداناالأحد 19 نوفمبر 2017 - 23:34 من طرفmedoman2020 اسم الموضوع: تومبيلات ستايل متعدد الالوان من تحويل الفهلويالأحد 19 نوفمبر 2017 - 23:28 من طرفmedoman2020 اسم الموضوع: تومبيلات الاحصائيات الماسية الشاملة منسقة باحترافالجمعة 17 نوفمبر 2017 - 20:54 من طرفmedoman2020 اسم الموضوع: حصريا هنا تأثير الـــcss على الصندوق الماسيالجمعة 17 نوفمبر 2017 - 16:53 من طرفmedoman2020 اسم الموضوع: حصرياً كود [Css] لوضع عبارة تم إظهار المحتوى المخفى الجمعة 17 نوفمبر 2017 - 9:40 من طرفmedoman2020 اسم الموضوع: كود css صورة داخل صندوق الردالجمعة 17 نوفمبر 2017 - 8:48 من طرفmedoman2020 اسم الموضوع: [ Template ] خدمات الموضوعالجمعة 17 نوفمبر 2017 - 7:00 من طرفmedoman2020 اسم الموضوع: ستايل تومبيلات المعتمد لدى منتديات بيت الجزائر لكل العرب مجاناالجمعة 17 نوفمبر 2017 - 6:39 من طرفmedoman2020 اسم الموضوع: تومبيلات استايل محول زيتي خفيف و احترافيالجمعة 17 نوفمبر 2017 - 6:37 من طرفmedoman2020 اسم الموضوع: ستايل تومبيلات مجانى بدون حقوقالخميس 16 نوفمبر 2017 - 18:24 من طرفmedoman2020 اسم الموضوع: كود المواضيع المميزه والجديد والاسئله الاحترافيالخميس 16 نوفمبر 2017 - 17:16 من طرفmedoman2020 اسم الموضوع: حصريا هنا تومبيلات المواضيع المماثلة أسفل كل موضوع افضل من الاكواد السابقةالخميس 16 نوفمبر 2017 - 16:44 من طرفmedoman2020

شاطر | 
 

 css + javascript تحميل الصفحة الاحترافي

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
المدير
اللقب:
Admin
الرتبه:
Admin
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
1330
السٌّمعَة :
35
تاريخ التسجيل :
28/08/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
http://baytdz.ahlamontada.com
موضوع: css + javascript تحميل الصفحة الاحترافي الثلاثاء 23 ديسمبر 2014 - 17:52


css + javascript تحميل الصفحة الاحترافي
صورة للمعاينة

كود جافا -----أشر على كل الصفحات
الكود:

document.write('<div id="loadingAnimation"> <div id="loading_wrapper"> <div style="position:fixed; left:48%; top:48%"> <div class="circle"></div> <div class="circle1"></div> <span>تحميــــل الصفحة..</span> </div> </div></div>');
circles={
    circle: {
        now:0, // Don't edit this 0
        rotDegr: 150, // Degree in wich the cirle will move each time
        speed  : 1000 // how long the circle will take in that move
    },
    circle1: {
        now:0, // Don't edit this 0
        rotDegr: -90, // Degree in wich the cirle will move each time
        speed  : 800 // how long the circle will take in that move
    }
};
function rotateCircle(){
    console.log(circles.circle.now);
    var elem= $('.circle'),
        toDeg= circles.circle.now+circles.circle.rotDegr;
    $({deg: circles.circle.now}).animate({deg: toDeg}, {
        duration: circles.circle.speed,
        step: function(now){
            circles.circle.now=now;
            elem.css({
                 transform: "rotate(" + now + "deg)"
            });
        },
        done: function(){
            rotateCircle();
        }
    });
}
function rotateCircle1(){
    var elem= $('.circle1'),
        toDeg= circles.circle1.now+circles.circle1.rotDegr;
$({deg: circles.circle1.now}).animate({deg:toDeg}, {
        duration: circles.circle1.speed,
        step: function(now){
            circles.circle1.now=now;
            elem.css({
                 transform: "rotate(" + now + "deg)"
            });
        },
        done: rotateCircle1
    });
}
    rotateCircle();
    rotateCircle1();
// remove one of this above two lines
$(function(){$('#loadingAnimation').remove(); rotateCircle= function(){}; rotateCircle1= function(){};}); // remove loading animator when page is ready (all content-doms- are shown )
$(window).load(function(){$('#loadingAnimation').remove(); rotateCircle= function(){}; rotateCircle1= function(){};}); // Whait untill page is loaded compleatly (images, frames...)

كود css -----

الكود:

        .circle {
            background-color: rgba(0,0,0,0);
            border: 5px solid rgba(0,183,229,0.9);
            opacity: .9;
            border-right: 5px solid rgba(0,0,0,0);
            border-left: 5px solid rgba(0,0,0,0);
            border-radius: 50px;
            box-shadow: 0 0 35px #2187e7;
            width: 50px;
            height: 50px;
            margin: 0 auto;
            -moz-animation: spinPulse 1s infinite ease-in-out;
            -webkit-animation: spinPulse 1s infinite linear;
        }
        .circle1 {
            background-color: rgba(0,0,0,0);
            border: 5px solid rgba(0,183,229,0.9);
            opacity: .9;
            border-left: 5px solid rgba(0,0,0,0);
            border-right: 5px solid rgba(0,0,0,0);
            border-radius: 50px;
            box-shadow: 0 0 15px #2187e7;
            width: 30px;
            height: 30px;
            margin: 0 auto;
            position: relative;
            top: -50px;
            -moz-animation: spinoffPulse 1s infinite linear;
            -webkit-animation: spinoffPulse 1s infinite linear;
        }
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://baytdz.ahlamontada.com
المعلومات
الكاتب:
messi2012
اللقب:
الرتبه:
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
3
السٌّمعَة :
0
تاريخ التسجيل :
24/12/2014
العمر :
31

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: رد: css + javascript تحميل الصفحة الاحترافي الأربعاء 24 ديسمبر 2014 - 19:59


رد: css + javascript تحميل الصفحة الاحترافي
كود كثير حلو شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
css + javascript تحميل الصفحة الاحترافي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: اكواد انسيابية | css code
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | انشاء منتدى مع أحلى منتدى | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونة مجانيا