هذا هو الكود مرة اخرى
كود:
<body style="width:100%;overflow-x:hidden;overflow-y:scroll">
<SCRIPT language="JavaScript1.2">
<!--
//1) set message to display
var scroller_msg=' خبر عاجل : تم افتتاح الموقع من جديد '
//2) set whether message should auto disappear after x seconds (0=perpetual).
//Note that double clicking page will also dismiss message
var dismissafter=180
function ietruebody(){
return (dcidcidcidcidcidcidocument.compatMode && dcidcidcidcidcidcidocument.compatMode!="BackCompat")? dcidcidcidcidcidcidocument.dcidcidcidcidcidcidocumentElement : dcidcidcidcidcidcidocument.body
}
var initialvisible=0
if (dcidcidcidcidcidcidocument.all)
dcidcidcidcidcidcidocument.write('<marquee direction=right id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:yellow;visibility:hidden">'+scroller_msg+'</marquee>')
function followcursor(){
//move cursor function for IE
if (initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}
curscroll.style.left=ietruebody().scrollLeft+event.clientX+10
curscroll.style.top=ietruebody().scrollTop+event.clientY+10
}
function dismissmessage(){
curscroll.style.visibility="hidden"
}
if (dcidocument.all){
dcidocument.onmousemove=followcursor
dcidocument.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}
//-->
</SCRIPT>
هناك 3 متغيرات تستطيع التحكم بها فى الكود تم التعليم عليها باللون الأحمر بالأعلى
1-- مدّة بقاء السكرول ملاصق للمؤشر
وهذه مسؤول عنها السطر
var dismissafter=180
الرقم بالثواني اخترت انا 180 اى 3 دقائق
ويمكنك كتابة 0 لكى لا يختفي الخبر ويظل طول مدة بقاء الزائر
2-- لون خلفية الخبر
ستجدها صفراء بالموقع
والمسؤول عنها كلمة
yellow التي علّمت عليها بالكود انا
ويمكنك اختيار red احمر
او blue ازرق وهكذا بحسب استايل موقعك
3-- اتّجاه الحركة يمكن ان تجعله متردد اى ذهابا وايابا
وهذا بحذف الكود direction=right المعلّم عليه بالأحمر
ثمّ نسخ هذه الجملة بدلاً منه BEHAVIOR=ALTERNATE
وترك مسافة بعدها
وهكذا تستطيعون تطويعه بحسب رغبتكم
اتمنّى أن تستمتعوا به
اطيب تحية