عمل شريط متحرك باستخدام لغة html

السلام عليكم ..

<marquee onmouseover="this.stop();" onmouseout="this.start();"> 
<a href="AA">AA </a>
 <a href="dd">dddd </a>
</marquee>

السلام عليكم ورحمة الله وبركاته

<marquee direction="right" width="900" height="50" style="TAHOMA: 150%; font-size: 18pt; color: white; border-style: ridge; border-color: #E3BE13" bgcolor="#000000" scrolldelay="80" scrollamount="3"> 
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
</marquee>

pro2007 كتب:

السلام عليكم ورحمة الله وبركاته

<marquee direction="right" width="900" height="50" style="TAHOMA: 150%; font-size: 18pt; color: white; border-style: ridge; border-color: #E3BE13" bgcolor="#000000" scrolldelay="80" scrollamount="3"> 
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
<a href="#">this is alink</a>
</marquee>

الاكواد فعالة شكرا جزيلا  زملائي الاعزاء ولكني  اريد فاصل  بين كل جملة واخرى مثلا 4 مسافات  وايضا مؤشر الماوس لا يتوقف عند الوقوف على احدي الجمل  فقد وضعت الامر    ; ()onmouseover="this.stop();" onmouseout="this.start  في الكود الثاني بعد  الخاصية  direction = right ولكن لم يتوقف الشريط  فأين يجب وضع هذا الامر في الكود .

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

السلام عليكم ورحمة الله 

<marquee  direction="right" width="900" height="50" style="TAHOMA: 150%; font-size: 18pt; color: white; border-style: ridge; border-color: #E3BE13" bgcolor="#CCC" scrolldelay="80" scrollamount="3"
onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);" > 

	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</marquee>

pro2007 كتب:

السلام عليكم ورحمة الله 

<marquee  direction="right" width="900" height="50" style="TAHOMA: 150%; font-size: 18pt; color: white; border-style: ridge; border-color: #E3BE13" bgcolor="#CCC" scrolldelay="80" scrollamount="3"
onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);" > 

	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="#" >this is alink</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</marquee>

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

السلام عليكم

الكود السابق يعمل ولم أجد به المشكلة التي ذكرتيها , إذا كنت تستخدمي IE ستجدي شريط أصفر يظهر في أعلى المتصفح إضغطي عليه لتفعيل الـ javaScript

عموماً تفضلي هذا الكود:

<style type="text/css">
    #marquee a {
        margin: 0 10px 0 10px;
    }
</style>
<marquee id="marquee" direction="right" onmouseover=this.stop() onmouseout=this.start() scrolldelay="50" scrollamount="4">
    <a href="#">بسم الله الرحمن الرحيم</a>
    <a href="#">كل عام وأنتم بخير</a>
    <a href="#">كل عام وأنتم بخير</a>
</marquee>

اشكركم  جميعا وجزاكم الله كل الخير  وجعل  نشركم للعلم  في ميزان حسناتكم  بالفعل لا توجد مشكلة في الكود  وكانت المشكلة في المتصفح ie  وعند تفعيل ال gavascript   الكود  عمل بنجاح 

ولدي استفسار عن كود عمل hyperlink يشير لجزء معين في صفحة اخرى

وايضا عمل hyperlink يشير لجزء معين في نفس الصفحة دون ان تفتح في نافذة جديدة

السلام عليكم ورحمة الله 

لو انا عندى صفحتين الصفحه الاولى اسمها page1 مثلا هنكتب فيها 

<a href="page2.html#name">go to specific point to page 2</a><br />
<a href="#name">go to specific point in the same page</a>
<p style="min-height:900px;">
type here your text
</p>
<p id="name">
this is a target
</p>

والصفحة الثانية اسمها Page 2 هنكتب فيها 

<p style="min-height:900px;">
type here your text
</p>
<p id="name">
this is a target
</p>

السلام عليكم

- يرجى قراءه قواعد المشاركة فهي تمنع وضع أكثر من سؤال في نفس الموضوع وذلك حتى يكون من السهل على من يبحث على نفس المعلومة أن يجدها .

إضافة لما قدمه أخي pro2007  أضيف طريقة بإستخدام الـ JavaScript من خلال دالة scrollTo وتأخذ هذه الدالة وسيطين الأول الإزاحة في المحور السيني والثاني الإزاحة في المحور الصادي ومثال على إستخدامها :

<script type="text/javaScript">
    function scroll2ThisPage(elementID)
    {
        var element = document.getElementById(elementID);
        window.scrollTo(0,element.offsetTop);
    }
</script>
<a href="#" onclick="scroll2ThisPage('myID'); return false;"> الذهاب لعنصر في نفس الصفحة </a>
<div style="height: 900px;"></div>
<div id="myID">Ahmed</div>

- في حدث الضغط على الرابط يتم إستدعاء الدالة وتأخذ وسيط هو معرف العنصر id المراد الذهاب إليه .

- الخاصية offsetTop تعطينا وضعية العنصر الرأسية .

وبالنسبة للذهاب لعنصر معين في صفحة أخرى فعلينا البحث عن وسيلة لنقل المتغيرات لتلك الصفحة فسنستخدم إرسال المتغيرات عبر  الرابط أي سنرسل معرف العنصر id عبر الرابط بهذا الشكل :

<a href="page2.html?id=myID"> الذهاب لعنصر في صفحة أخرى </a>

- يمكن نقل المتغيرات بأي صيغة عبر الرابط ولكن هذه الصورة هي المستخدمة بكثرة

- ولإستخلاص القيمة من هذا الرابط قمنا بإنشاء الدالة التالية :

function getUrlVariables() {    var url = this.location.href;    if(/\?/.test(url))    {        var vars = [];        var temp2;        var temp = url.split('?')[1];        temp = temp.split('&');        for(var i=0;i<temp.length;i++)        {            temp2 = temp.split('=');            vars[temp2[0]] = temp2[1];        }        return vars;    }    else    {        return false;    }}

والتالي رابط تنزيل الملفات

scroll2.zip