ابداء من جديد--Show again--Remontrer
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

ابداء من جديد--Show again--Remontrer

علمتني الحياة … ان لكل بداية نهاية … و بعد كل نهاية هناك بداية جديدة. لا يفصل بينهما الا لحظة . و بتلك اللحظة لا بد لنا من الانهيار الى حطام فالعدم … الى لا شيء. ...
 
الرئيسية  البوابة  أحدث الصور  التسجيل  دخول    دليل اخبار المدونات  اتصل بنا  اكواد رموز  كن داعيا للخير  مدونة العلوم  استماع لاذاعة  دورس في الانجليزية  دليل المواقع الاسلامية  استمع الى الدعاء  تفسير القراءن  تصميم ازرار  
Loading...

﴿إِنَّ اللَّهَ وَمَلَائِكَتَهُ يُصَلُّونَ عَلَى النَّبِيِّ يَا أَيُّهَا الَّذِينَ آَمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تَسْلِيمًا﴾

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


English

Translating...




 

 كود تحرك المحتويات

اذهب الى الأسفل 
كاتب الموضوعرسالة






كود تحرك المحتويات Empty
مُساهمةموضوع: كود تحرك المحتويات   كود تحرك المحتويات I_icon_minitimeالسبت 27 أبريل - 19:31

السلام عليكم ورحمة الله
كود تحريك الاطار من الاسفل الى الاعلى
الكود:



<html dir="rtl">

<head>
  <title></title>
</head>

<body>
    <!-- Javascript -->

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script>
  $(function () {
$("#drag-y div[id^='drag']").draggable(
{
containment: "#drag-y",
axis: "y"
          }
  );
});
</script>


<style>
.drag {
        width: 170px;
        height: 70px;
        line-height:70px;
        border:1px solid black;
        cursor:pointer;
        border-radius:10px;
        margin-right:2px;
        text-align:center;
        font-size:12px;

    }
.d{
        width: 270px;
        height: 70px;
        line-height:70px;
        border:1px solid black;
        cursor:pointer;
        border-radius:10px;
        margin-right:2px;
        text-align:center;
        font-size:12px;

    }

#dragbasic{
        width: 500px;
        height: 150px;
        border:1px solid gray;
        background-color:#E0F0FF;
    }

#drag-x{
        width: 500px;
        height: 75px;
        border:1px solid gray;
        background-color:#E0F0FF;
    }

#drag-y{
        width: 80px;
        height: 380px;
        border:1px solid gray;
        background-color:#E0F0FF;
        float:right;
    }
</style>
<div>عمودي</div>
<div id="drag-y">
<div id="drag4" class="d" style="background-color:lightgreen">
<marquee direction="up" width="50%" "direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="3">
<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fzaharatb.yoo7.com%2Ffeed%2F&num=10&au=y&date=y&targ=y&utf=y&html=p" charset="UTF-8" type="text/javascript"></script>
</marquee>
</div>
<div id="drag5" class="drag" style="background-color:lightyellow">حركني</div>
</div>
<div style="float:right;margin-right:30px;">

</body>

</html>


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود تحرك المحتويات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
ابداء من جديد--Show again--Remontrer :: منتديات الكمبيوتر والأنترنت :: أكواد جاهزة :: اكود جاهزة--jQuery-
انتقل الى: