[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]عرض محتوى في منطقة محصورة وتسمح للمستخدمين عرض محتوى كامل عن طريق أزرار مخصصة انتقل صعودا وهبوطا
اليك الكود
<html dir="rtl">
<head>
<script type="text/javascript">
function move(id,spd){
var obj=document.getElementById(id),max=-obj.offsetHeight+obj.parentNode.offsetHeight,top=parseInt(obj.style.top);
if ((spd>0&&top<=0)||(spd<0&&top>=max)){
obj.style.top=top+spd+"px";
move.to=setTimeout(function(){ move(id,spd); },20);
}
else {
obj.style.top=(spd>0?0:max)+"px";
}
}
</script>
</head>
<body>
<div style="position:relative;width:175px;height:160px;border:1px solid black;overflow:hidden">
<div id="container" style="position:absolute;width:170px;left:0;top:0">
<p> السلام عليكم ورحمة الله</p>
<p>عرض محتوى تفيض في منطقة محصورة وتسمح للمستخدمين</p>
<p>عرض محتوى كامل عن طريق أزرار مخصصة انتقل</p>
<p> السلام عليكم ورحمة الله</p>
<p>عرض محتوى تفيض في منطقة محصورة وتسمح للمستخدمين</p>
<p>عرض محتوى كامل عن طريق أزرار مخصصة انتقل</p>
<p> السلام عليكم ورحمة الله</p>
<p>عرض محتوى تفيض في منطقة محصورة وتسمح للمستخدمين</p>
<p>عرض محتوى كامل عن طريق أزرار مخصصة انتقل</p>
</div></div>
<table bgcolor="#00BFFF" width="175px"><td><p align="right">
<a href="#" onMouseover="move('container',5)" onMouseout="clearTimeout(move.to)"><img src="http://www.dynamicdrive.com/dynamicindex11/up.gif" border=0></a> <a href="#" onMouseover="move('container',-5)" onMouseout="clearTimeout(move.to)"><img src="http://www.dynamicdrive.com/dynamicindex11/down.gif" border=0></a></p></td>
</table>
</body>
</html>