aghahamidgol2
Active Member
در این مطلب یک ایفریم خواهیم ساخت که با کمک دو گزینه بالا و پایین محتوای آن را مدیریت خواهیم کرد. تنها به چند قدم ساده نیاز داریم برای انجام این کار اما با کمی دقت در کد ها و توضیحات زیر می توانید کد ها را برای خودتان سفارشی بسازید.
در مرحله ی اول کدهای زیر را در صفحه ای که می خواهید ایفریم ما در آن نمایش پیدا کند قرار می دهیم.
در این مرحله در صفحه ی بعدی تنها کافی است کد های زیر را برای اضافه کردن حالت داینامیک آن اضافه کنیم تا بتوانیم محتویاتش را با کمک دکمه های بالا و پایین جا به جا کنیم
در مرحله اول با ویرایش کد زیر می توانید سرعت جا به جایی را تعیین نمایید :
فایل نمونه هم می توانید دریافت کنید و اگر سوالی بود در خدمتم ...
در مرحله ی اول کدهای زیر را در صفحه ای که می خواهید ایفریم ما در آن نمایش پیدا کند قرار می دهیم.
کد:
<iframe id="datamain" src="external.htm" width=150 height=150 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe>
<layer visibility=hide>
<div style="width:150px;" align="right">
<a href="#" onMouseover="scrollspeed=-2" onMouseout="scrollspeed=0">Up</a> | <a href="#" onMouseover="scrollspeed=2" onMouseout="scrollspeed=0">Down</a>
</div>
</layer>در این مرحله در صفحه ی بعدی تنها کافی است کد های زیر را برای اضافه کردن حالت داینامیک آن اضافه کنیم تا بتوانیم محتویاتش را با کمک دکمه های بالا و پایین جا به جا کنیم
کد:
<script language="JavaScript1.2">
var speed, currentpos=curpos1=0,alt=1,curpos2=-1
function initialize(){
if (window.parent.scrollspeed!=0){
speed=window.parent.scrollspeed
scrollwindow()
}
}
function scrollwindow(){
temp=(document.all)? document.body.scrollTop : window.pageYOffset
alt=(alt==0)? 1 : 0
if (alt==0)
curpos1=temp
else
curpos2=temp
window.scrollBy(0,speed)
}
setInterval("initialize()",10)
</script>در مرحله اول با ویرایش کد زیر می توانید سرعت جا به جایی را تعیین نمایید :
کد:
onMouseover="scrollspeed=-1"فایل نمونه هم می توانید دریافت کنید و اگر سوالی بود در خدمتم ...
