Jag har försökt att få en egen gjord scrolling som på http://www.bymarie.net men får inte själva scrollningen att funka. Nån som vet hur man gör en sån scrolling Tja du kan ju kolla detta, om det passar. Du scrollar med bilderna på vänster sida. Funkade inte så bra. Dessutom vill jag ha en scrollinglist och inte bara pilarna Jag gjorde nåt liknande för några år sedan, dock så blev det aldrig riktigt färdigt men det kanske kan hjälpa dig ändå. Hur får jag bort funktionen med vågrät (Höger/vänster) scrollning vill att det bara ska finnas lodrät (neråt/uppåt) och när texten blir längre än själva rutan so blir det ett mellanslag så att texten halkar ner liksom? Skulle det gå att fixa så skulle jag bli glad. Tacksam för hjälp. För att ta bort horizontell scroll, så är det bara att ta bort Jag har lagt upp ett sådant exempel nu. Tack för era svar även det sista som skrevs. Även fast jag redan hade klarat av det innan det inlägget kom in , Glömde skriva att jag hade löst det :) Finns det något värre en sider med en egen scrollbar. Vad är det för fel på den inbyggda? > <b>Finns det något värre en sider med en egen scrollbar. Vad är det för fel på den inbyggda? </b> Hehe jag skulle bara he en egen scroll i en liten ruta så att den smällter in bättre. Den gammla hedeliga finns fortfarande kvar på sidan av skärmen :DEgen scrolling
//Tack på förhand!!! Sv: Egen scrolling
Du kan placera om dem som du vill. Du kan även ändra farten på scrollingen på raden window.scrollBy , Lägre värde =lägre fart. Du kan även ta bort BGPROPERTIES=FIXED så upplevs scrollingen mjukare. Man kananpassa ganska mycket i koden
<HTML>
<HEAD>
<TITLE>Textscroll</TITLE>
<style type="text/css">
#item {position:absolute; visibility:hidden; left:0px}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var isNS=(document.layers);
var _all=(isNS)? '' : 'all.' ;
var _style=(isNS)? '' : '.style' ;
var _visible=(isNS)? 'show' : 'visible';
var w_x, w_y, item, okscroll=false, goright;
function init(){
item=eval('document.'+_all+'item'+_style);
getwindowsize();
item.visibility=_visible;
scrollpage();
}
function getwindowsize() {
w_x=(isNS)? window.innerWidth-4 : document.body.clientWidth;
w_y=(isNS)? window.innerHeight : document.body.clientHeight;
(isNS)? item.clip.width=40: item.width=40;
(isNS)? item.clip.height=30 : item.height=30;
moveitem();
}
function resizeNS() {
setTimeout('document.location.reload()',400);
}
function moveitem() {
if (isNS) {
item.moveTo((pageXOffset+w_x-70),(w_y+pageYOffset-50))
}else{
item.pixelLeft=document.body.scrollLeft+w_x-770;
item.pixelTop=w_y+document.body.scrollTop-200;
}
}
window.onload=init;
(isNS) ? window.onresize=resizeNS : window.onresize=getwindowsize ;
function scrollpage() {
status = '';
if (okscroll) {
if (goright) {
(isNS)? window.scrollBy(0,6) : window.scrollBy(0,6) ;
} else {
(isNS)? window.scrollBy(0,-10) : window.scrollBy(0,-10) ;
}
}
moveitem();
setTimeout('scrollpage()', 10);
}
// End -->
</script>
</HEAD>
<BODY text=#333333 vLink=BLUE aLink=#ff0000 link=#ffaf00 BGCOLOR = green scroll="yes"
topmargin="0" marginheight="0" leftmargin="0" marginwidth="0" BGPROPERTIES=FIXED>
<div id="item">
<TD>onMouseout="okscroll=false">
<BR><BR><BR>
onMouseout="okscroll=false">
</div>
<TABLE ALIGN=CENTER width=300 height=300 border=1 bordercolor=blue bgcolor =lightgreen>
<TR>
<TD width=50%><FONT face=Verdana size=4 >
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
Text, Bilder eller vad som helst här
</TD>
</TABLE>
</BODY>
</HTML>Sv: Egen scrolling
Sv: Egen scrolling
http://www.zux.nu/www/script/dhtml/dynamic_scrollbars/Sv: Egen scrolling
Sv: Egen scrolling
#divScrollRight { position:absolute; left:336px; top:352px; width:15px; height:15px;
z-index:2; background-image: url(right.gif);
layer-background-image: url(right.gif); clip: rect(0 15 15 0);}
#divScrollLeft { position:absolute; left:15px; top:352px; width:15px; height:15px; z-index:2;
background-image: url(left.gif);
layer-background-image: url(left.gif); clip: rect(0 15 15 0); }
#divScrollBg { position:absolute; left:33px; top:352px; width:300px; height:15px; z-index:2;
clip: rect(0 300 15 0); background-image: url(bg.gif);
layer-background-image: url(bg.gif); }
Svar på din andra fråga som löd
när texten blir längre än själva rutan so blir det ett mellanslag så att texten halkar ner liksom?
Jag får inget sådant fenomen som du beskriver.Sv: Egen scrolling
Svaret på din första fråga finns delvis i inlägget ovan, alla förändringar är:
* Bort med objScroll[0]=new make_scroll_set('divScroll', 'divScrollLeft', 'divScrollBg', 'divScrollRight', 'divScrollBody', 'divScrollContent', 0, 0, 0, 0) som skapar den horisontella scrollern.
* Ändra index på den kvarvarande scrollern i objScroll (objScroll[1] blir objScroll[0]).
* Bort med alla lager som utgjorde den, se inlägget ovan ta även bort tillhörande <div>. (<div id="divScrollRight"></div><div id="divScrollBg"></div><div id="divScrollLeft"></div>)
* Sedan gjorde jag en liten kosmetisk sak och döpte om lagren till den horisontella scrollern, eftersom det bara finns en kvar nu finns ingen anledning att skilja på divScrollBg och divScrollVBg t.ex.
Svaret på fråga två är att ge "innehållet" en fast bredd.
#divScrollContent { position:absolute; left:0px; top:0px; <b>width:330px;</b> }
Det funkar iaf med IE, mer orkar jag inte kolla.Sv: Egen scrolling
Sv: Egen scrolling
Sv: Egen scrolling
Kunde inte säga det bättre själv! Den inbyggda har allt man behöver + att alla användare vet hur man använder den. DHTML-scrollbars är till 99% av ondo!Sv: Egen scrolling