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 ScrollListenerScrollPaneUIstatus scrollerToy Smiley Bank Pattern (scrollsaw)scrollinglayermenu scrollMetalBorders ScrollPaneBorderScrollbar AccessibleAWTScrollBarscroll clockScrollPaneLayout UIResourcescroll2ScrollPaneLayoutstatus scrollerScrollPaneConstantsW6 2therawchef com the raw chef Chocolate?ke Layerscrollconcepts4dual scrollerwięcej podobnych podstron