går det göra en scroller i dhtml, javascript som scrollas i sidled, inte upp och ned som är standard ?
tacksam för hjälp
------------------
1 Man, 1 Million dead, The odds are just about even - Ash
vågrät scroller
13 svar · 258 visningar · startad av erka
På www.bratta.com finns vad du söker. Kolla på "SideScrollMenu" under "scripts". :)
/Tor
------------------
TorWeb
-------------------
åhh tack ! den funkar rätt bra, ska bara lyckas göra några justeringar, är du bra på javascript kanske.. =)
------------------
1 Man, 1 Million dead, The odds are just about even - Ash
är du bra på javascript kanske...
Nä! Det vill jag inte påstå men jag har använt just den här scrollen (med en del modifieringar) på www.universeum.se
/Tor
------------------
TorWeb
-------------------
hur kommer det sig att du gjort universums site ?
------------------
1 Man, 1 Million dead, The odds are just about even - Ash
oki **he he he** känner lite folk som är inblandade i universum så jag har hört mycket om det hemma.. =)
------------------
1 Man, 1 Million dead, The odds are just about even - Ash
har jvla problem med den scrollern, när det kommer till att placera den vart jag vill, annars går det bra..kan du hjälpa mig kanske ?
------------------
1 Man, 1 Million dead, The odds are just about even - Ash
Vad är det du har problem med?
------------------
"I have to return some video tapes" - Patrick Bateman, American Psycho
hmm jag har fått det att fungera nu men inte i ns, men det stora problemet blir att menyn jag använder verkar komma i konflikt med min scroller..Någon som ser vad det är för fel ? Tokmycket kod, men jag skulle bli jätte tacksam, jag försöker lära mig så..men här tar det stopp..
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="sv">
<title></title>
<base target="_self">
<style type="text/css">
#divBg{position:absolute; z-index:10; width:200; left:0; height:100; top:200; clip:rect(0,0,0,0,)}
#divMenu{position:absolute; left:0; top:0}
#divArrowLeft{position:absolute; width:18; height:77; left:0; top:0}
#divArrowRight{position:absolute; width:18; height:77; top:0}
</style>
<LINK REL="stylesheet" HREF="/stylesheets/global.css" TYPE="text/css">
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript"><!--
NS4 = (document.layers);
IE4 = (document.all);
ver4 = (NS4 || IE4);
IE5 = (IE4 && navigator.appVersion.indexOf("5.")!=-1);
isMac = (navigator.appVersion.indexOf("Mac") != -1);
isMenu = (NS4 || (IE4 && !isMac) || (IE5 && isMac));
function popUp(){return};
function popDown(){return};
if (!ver4) event=null;
//-->
</SCRIPT><SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript1.2"><!--
if (isMenu) {
menuVersion = 3;
menuWidth = 142;
childOverlap = 20;
childOffset = 5;
perCentOver = null;
secondsVisible = .5;
fntCol = "#000000";
fntSiz = "7";
fntBold = false;
fntItal = false;
fntFam = "verdana";
backCol = "#EBEBEB";
overCol = "#c4c4c4";
overFnt = "#000000";
borWid = 1;
borCol = "#E6E6E6";
borSty = "ridge";
itemPad = 2;
imgSrc = "tri.gif";
imgSiz = 10;
separator = 1;
separatorCol = "#FFFFFF";
isFrames = false;
keepHilite = true;
clickStart = false;
clickKill = false;
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
if (isMenu) {
document.write("<SCR" + "IPT LANGUAGE='JavaScript1.2' SRC='/code/hierArrays.js'><\/SCR" + "IPT>");
document.write("<SCR" + "IPT LANGUAGE='JavaScript1.2' SRC='/code/hierMenus.js'><\/SCR" + "IPT>");
}
//-->
</SCRIPT>
<script type="text/javascript" language="JavaScript">
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at [url="http://www.bratta.com"]www.bratta.com[/url]
Visit for more great scripts. This may be used freely as long as this msg is intact!
I will also appriciate any links you could give me.
********************************************************************************/
//Default browsercheck, added to all scripts!
function checkBrowser(){
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 checkBrowser()
/**************************************************************************
Variables to set.
***************************************************************************/
//Updated: Added left and top variables.
sLeft=20 //The left placement of the menu
sTop=300 //The top placement of the menu
//The height of the menu
sMenuheight=77
//Width of the arrows
sArrowwidth=18
//Scroll speed: (in milliseconds, change this one and the next variable to change the speed)
sScrollspeed=30
//Pixels to scroll per timeout.
sScrollPx=5
/**************************************************************************
Scrolling functions
***************************************************************************/
var tim=0
var noScroll=true
function mLeft(){
if(!noScroll && oMenu.x<sArrowwidth){
oMenu.moveBy(sScrollPx,0)
tim=setTimeout("mLeft()",sScrollspeed)
}
}
function mRight(){
if(!noScroll && oMenu.x>-(oMenu.scrollWidth-(pageWidth))-sArrowwidth){
oMenu.moveBy(-sScrollPx,0)
tim=setTimeout("mRight()",sScrollspeed)
}
}
function noMove(){clearTimeout(tim); noScroll=true}
/**************************************************************************
Object part
***************************************************************************/
function makeObj(obj,nest,menu){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;
this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0;
this.scrollWidth=bw.ns4?this.css.document.width:this.evnt.offsetWidth
this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.pixelLeft;
this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.pixelTop;
this.moveBy=b_moveBy; this.moveIt=b_moveIt; this.showIt=b_showIt;this.clipTo=b_clipTo;
return this
}
function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x; this.css.top=this.y}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
function b_clipTo(t,r,b,l){
if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l
}else this.css.clip="rect("+t+","+r+","+b+","+l+")";
}
function b_showIt(){this.css.visibility="visible"}
/**************************************************************************
Object part end
***************************************************************************/
/**************************************************************************
Init function. Set the placements of the objects here.
***************************************************************************/
function sideInit(){
//Width of the menu, Currently set to the width of the document.
//If you want the menu to be 500px wide for instance, just
//set the the pageWidth=500 in stead.
pageWidth=550;
//(bw.ns4 || bw.ns5)?innerWidth:document.body.offsetWidth-200;
oBg=new makeObj('divBg')
oMenu=new makeObj('divMenu','divBg',1)
oArrowRight=new makeObj('divArrowRight','divBg')
//Placement
oBg.moveIt(sLeft,sTop) //Main div, holds all the other divs.
oMenu.moveIt(sArrowwidth,0) //*** Höjd på remsan ***
oArrowRight.moveIt(pageWidth-sArrowwidth,0) //*** Höjd på höger pilen ***
//setting the width and the visible area of the links.
if(bw.dom || bw.ie4){ oBg.css.width=pageWidth; oBg.css.overflow="hidden" }
oBg.clipTo(0,pageWidth,sMenuheight,0)
}
//executing the init function on pageload.
onload=sideInit;
<!-- ************************ -->
</script>
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF">
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:650px; height:20px; z-index:14">
<table border="0" cellpadding="0" cellspacing="0" width="770">
<tr>
<td width="150" rowspan="2" height="78" valign="top"><img src="images/logo2.gif" width="150" height="60"></td>
<td width="619" height="60" background="images/bluedott.gif"><img src="images/bluedott.gif" width="2" height="60"></td>
</tr>
<tr>
<td width="619" height="18" bgcolor="#1E569F" valign="top"><img src="images/menu_round.gif" width="24" height="18"><a ONMOUSEOUT="popDown('elMenu1')" ONMOUSEOVER="popUp('elMenu1',event)" ONCLICK="return false" HREF="javascript:void(0)""><img src="images/mnu_newsevents.gif" width="74" height="18" border="0"></a><img src="images/menu_delimiter.gif" width="45" height="18"><a ONMOUSEOUT="popDown('elMenu2')" ONMOUSEOVER="popUp('elMenu2',event)" ONCLICK="return false" HREF="javascript:void(0)"><img src="images/mnu_productsindustries.gif" width="120" height="18" border="0"></a><img src="images/menu_delimiter.gif" width="45" height="18"><a ONMOUSEOUT="popDown('elMenu3')" ONMOUSEOVER="popUp('elMenu3',event)" ONCLICK="return false" HREF="javascript:void(0)"><img src="images/mnu_technology.gif" width="62" height="18" border="0"></a><img src="images/menu_delimiter.gif" width="45" height="18"><a ONMOUSEOUT="popDown('elMenu4')" ONMOUSEOVER="popUp('elMenu4',event)" ONCLICK="return false" HREF="javascript:void(0)"><img src="images/mnu_aboutpiab.gif" width="55" height="18" border="0"></a><img src="images/menu_delimiter.gif" width="45" height="18"><a ONMOUSEOUT="popDown('elMenu5')" ONMOUSEOVER="popUp('elMenu5',event)" ONCLICK="return false" HREF="javascript:void(0)"><img src="images/mnu_support.gif" width="43" height="18" border="0"></a></td>
</tr>
</table>
</div>
<div id="divBg">
<div id="divMenu" style="width: 1213px; height: 77px"> <img src="scroll.gif"></a></div>
<div id="divArrowRight"><a href="javascript://" onmouseover="noScroll=false; mRight()" onmouseout="noMove()"><img src="images/scroll/arow_right.gif" border="0" width="18" height="77"></a></div>
</div>
------------------
1 Man, 1 Million dead, The odds are just about even - Ash
[Redigerat av erka den 09 feb 2001]
fixat allt men inte att det inte funkar i netscape , någon som ser vart det skiter sig ?
------------------
1 Man, 1 Million dead, The odds are just about even - Ash
Enligt min erfarenhet så funkar det aldrig i Netscape om man vill ha flashiga effekter.
Har inte sett nån ännu som lyckats göra ett felfritt lager/div -script speciellt med en scroller inblandad.
/JANspeed
Vad dillar du för skit :q
Så klart att det finns saker som funkar i båda läsarna, eller?
Ifall Erka går till Dansteinman.com så finns det en mycket lättare version att använda som hor.scroller.
------------------
"I have to return some video tapes" - Patrick Bateman, American Psycho