اسکرولر ساده و کوچک

تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com سرورها
سرورها، فروش فضای وب و دامنه و اعطای نمایندگی فروش

فال حافظ شیرازی | قدرت گرفته از تک طرح
با استفاده از این باکس فال حافظ بگیرید , ابتدا نیت کنید
شاید بهتر باشد برای شادی روح حافظ، صلوات یا فاتحه ای نثار نماییم
براي نمايش فال بر روي اعلان رو به رو کليک کنيد

نویسنده : علی هدشی
موضوع : اسکریپت ها, وبلاگ نویسی, وبمستر
بدون نظر
705 بازدید
تاریخ ارسال : آذر ۸م, ۱۳۸۸

در این پست کدی آماده کردم برای قرار دادن یک اسکرولر کوچک در صفحه و لود متن و عکس و … بدون نیاز به iframe و کد های دیگر.

یک صفحه جدید بسازید
کد زیر را پیدا کنید

<body>

بعد از کد بالا کد زیر را در جای دلخواه قرار دهید

<div id=”scroll3″ style=”text-align: right;font-family:Tahoma;font-size:8pt;width:209px; height:111px; background-color:lightyellow;overflow:scroll”>
با سلام
این یک کد کوچک و ساده برای قرار دادن اسکرولر کوچک در صفحه ی سایت بدون هیچ ای فرم یا … می باشد
و این کد جاوا بر روی مرورگو های زیر تست شده
اینترنت اکسپلورر ۴ به بالا
فایر فاکس
اپرا
کروم
و دیگر مرورگرهای امروزی
و این کد مناسب برای مواقعی می باشد که نیاز به ایجاد کادر و بالا و پایین بردن کادر دارید ولی مرورگر قدیمی آن کد را پشتیبانی نمی کند
پایان :دی !
</div>
</layer>
</ilayer>

var nsstyle=’display:”"‘
if (document.layers)
var scrolldoc=document.scroll1.document.scroll2
function up(){
if (!document.layers) return
if (scrolldoc.top<0)
scrolldoc.top+=10
temp2=setTimeout(“up()”,50)
}
function down(){
if (!document.layers) return
if (scrolldoc.top-150>=scrolldoc.document.height*-1)
scrolldoc.top-=10
temp=setTimeout(“down()”,50)
}

function clearup(){
if (window.temp2)
clearInterval(temp2)
}

function cleardown(){
if (window.temp)
clearInterval(temp)
}

</script>
<br><span style=”display:none” style=&{nsstyle};><a href=”#” onmousedown=”up()”
onmouseup=”clearup()” onclick=”return false” onmouseout=”clearup()”>Up</a> | <a href=”#”
onmousedown=”down()” onmouseup=”cleardown()” onclick=”return false”
onmouseout=”cleardown()”>Down</a> | <a href=”#” onclick=”if (document.layers) scrolldoc.top=0;return false”>Top</a> | <a href=”#” onclick=”if (document.layers) scrolldoc.top=scrolldoc.document.height*(-1)+150;return false”>Bottom</a></span>

موفق باشید …

مشاهده دمو
منبع : تک طرح . کام

» اسکرولر ساده و کوچک

اسکرولر ساده و کوچک