Para Master web saya mau tanya nih, kan saya pakai Satu javascript (Tulisan
Scroll) tapi ada satu masalah yang timbul, kalau di kompie saya tulisannya
teratur
tapi waktu saya coba di komputer lain malah lari ke kiri. Belum laghi kalau
display saya diganti ke 800 kali 600 malah jadi parah. Jadi ada yang tahu
nggak solusinya supaya nggak begini
Berikut ini contoh Scriptnya:
<style type="text/css">
#divUpControl{position:absolute; width:320; left:540; top:750; z-index:1;
text-align: right}
#divDownControl{position:absolute; width:320; left:460; top:750; z-index:1;
text-align: right}
#divContainer{position:absolute; width:320; height:240; overflow:hidden;
top:500; left:700; clip:rect(0,270,240,0); visibility:hidden}
#divContent{position:absolute; top:100; left:0}
</style>
<script language="JavaScript">// begin absolutely positioned scrollable area
object scripts
/*
Extension developed by David G. Miles (www.z3roadster.net/dreamweaver)
Original Scrollable Area code developed by Thomas Brattli
To add more shock to your site, visit www.DHTMLShock.com
*/
function
ifyCompatibleBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new verifyCompatibleBrowser()
var speed=50
var loop, timer
function ConstructObject(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.
offsetHeight
this.up=MoveAreaUp;this.down=MoveAreaDown;
this.MoveArea=MoveArea; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function
eArea(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}
function MoveAreaDown(move){
if(this.y>-this.scrollHeight+objContainer.clipHeight){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)
}
}
function MoveAreaUp(move){
if(this.y<0){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)
}
}
function PerformScroll(speed){
if(initialised){
loop=true;
if(speed>0) objScroller.down(speed)
else objScroller.up(speed)
}
}
function CeaseScroll(){
loop=false
if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
objContainer=new ConstructObject('divContainer')
objScroller=new ConstructObject('divContent','divContainer')
objScroller.MoveArea(0,0)
objContainer.css.visibility='visible'
initialised=true;
}
// end absolutely positioned scrollable area object scripts
</script>
<body bgcolor="999999" onLoad="InitialiseScrollableArea()">
<!-- begin absolutely positioned scrollable area object-->
<div id="divUpControl"> <a href="javascript:;" onMouseOver="PerformScroll(-7)"
onMouseOut="CeaseScroll()">[scroll
up]</a> </div>
<div id="divDownControl"> <a href="javascript:;" onMouseOver="PerformScroll(7)"
onMouseOut="CeaseScroll()">[scroll
down]</a> </div>
<div id="divContainer">
<div id="divContent">
<center><b>Embun (Kan lu ke)</b>
<p>Gunung yang suci,
<br>air yang bersih,
<br>embun yang samar samar.
<p>Terdengar suara yang indah,
<br>datang mengikuti angin.
<p>Lonceng pagi berdentang,
<br>tambur senja berbuji,
<br>Membangunkan
<br>mimpi yang tersesat,
<br>hidup mempunyai batas,
<br>namun hal hal duniawi
<b
r>tiada berujung,
<br>waktu patut dihargai,
<br>setetes embun
<br>dari tangkai pohon
<br>memberi
<br>kesegaran pada jiwa,
<br>membawa
<br>musim semi pada bumi,
<br>menyinari kehidupan
<br>sepanjang masa.<p>
<b>Sekian</b> </center></div>
</div>
<!-- end absolutely positioned scrollable area object -->
Terima kasih Ya Atas bantuannya
Belanja Komputer & PC Asesoris Diskon 40% hanya di www.fastncheap.com
Dunia Baru Web Hosting Terpercaya www.neocyber.net
Dapatkan Paket-Paket Website www.dlanet.com
-------[ Master Web Indonesia - www.master.web.id ] -------
Moderator : [EMAIL PROTECTED]
Berlangganan : [EMAIL PROTECTED]
Stop Berlangganan : [EMAIL PROTECTED]
-----------------------------------------------------------