layer scroller




JavaScript Source Code 3000: Scrolls: Layer Scroller






























Layer Scroller







Provides controls to scroll the layer at varying speeds. Can be used with your own graphics and layout to creatively present your content.













JavaScript Source Code 3000: Scrolls: Layer Scroller
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!





    





<!-- TWO STEPS TO INSTALL LAYER SCROLLER:

1. Insert the first code in a new file, save as popup.html
2. Add the opening code to the BODY of your main HTML document -->

<!-- STEP ONE: Insert the first code in a new file, save as popup.html -->

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Eddie Traversa (psych3@primus.com.au) -->
<!-- Web Site: http://nirvana.media3.net -->

<! >
<! >

<!-- Begin
function verScroll(dir, spd, loop) {
loop = true;
direction = "up";
speed = 10;
scrolltimer = null;
if (document.layers) {
var page = eval(document.contentLayer);
}
else {
if (document.getElementById) {
var page= eval("document.getElementById('contentLayer').style");
}
else {
if (document.all) {
var page = eval(document.all.contentLayer.style);
}
}
}
direction = dir;
speed = parseInt(spd);
var y_pos = parseInt(page.top);
if (loop == true) {
if (direction == "dn") {
page.top = (y_pos - (speed));
} else {
if (direction == "up" && y_pos < 10) {
page.top = (y_pos + (speed));
} else {
if (direction == "top") {
page.top = 10;
}
}
}
scrolltimer = setTimeout("verScroll(direction,speed)", 1);
}
}
function stopScroll() {
loop = false;
clearTimeout(scrolltimer);
}
// End -->
</script>
</head>
<body>
<div id="contentLayer" style="position:absolute; width:300px; z-index:1; left: 39px; top: 51px">


insert your text here !!



</div>
<div id="scrollmenu" style="position:absolute;width:200px;height:30px;z-index:1; left:400px; top: 40px">
<table border=1><tr><td>
<table>
<tr>
<td align=left>Up</td>
<td> </td>
<td align=right>Down</td>
</tr>
<tr>
<td colspan=3>
<a href="#" onMouseOver="verScroll('up','25','true')" onMouseOut="stopScroll()"><<<</a>
<a href="#" onMouseOver="verScroll('up','5','true')" onMouseOut="stopScroll()"><<</a>
<a href="#" onMouseOver="verScroll('up','1','true')" onMouseOut="stopScroll()"><</a> |
<a href="#" onMouseOver="verScroll('dn','1','true')" onMouseOut="stopScroll()">></a>
<a href="#" onMouseOver="verScroll('dn','5','true')" onMouseOut="stopScroll()">>></a>
<a href="#" onMouseOver="verScroll('dn','25','true')" onMouseOut="stopScroll()">>>></a>
</td>
</tr>
</table>
</td></tr></table>
</div>
</body>
</html>

<!-- STEP TWO: Add the opening code to the BODY of your main HTML document -->

<BODY>

<center>
<form name="scrollwindow">
<input type=button value="Open Scroll Window" onClick="window.open('popup.html','scrollwindow','top=100,left=100,width=575,height=400');">
</form>
</center>

<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">JavaScript Source Code 3000</a></font>
</center><p>

<!-- Script Size: 7.99 KB -->











Wyszukiwarka

Podobne podstrony:
BasicSliderUI ScrollListener
ScrollPaneUI
status scroller
Toy Smiley Bank Pattern (scrollsaw)
scrolling
layer
menu scroll
MetalBorders ScrollPaneBorder
Scrollbar AccessibleAWTScrollBar
scroll clock
ScrollPaneLayout UIResource
scroll2
ScrollPaneLayout
status scroller
ScrollPaneConstants
W6 2therawchef com the raw chef Chocolate?ke Layer
scrollconcepts4
dual scroller

więcej podobnych podstron