dual scroller




JavaScript Source Code 3000: BG Effects: Dual Scroller































Dual Scroller







Scrolls HTML elements within a DIV. A version of the HTML Scroller modified to display a DIV on both the left and right side of the window for both IE and Netscape.


















JavaScript Source Code 3000: BG Effects: Dual 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 Command-s). The script is yours!!!





    





<!-- TWO STEPS TO INSTALL DUAL SCROLLER:

1. Add the onLoad event handler into the BODY tag
2. Copy the coding into the BODY of your HTML document -->

<!-- STEP ONE: Insert the onLoad event handler into your BODY tag -->

<BODY onLoad="start()">

<!-- STEP TWO: Paste this code into the BODY of your HTML document -->

<div id="point1" STYLE="position:absolute;visibility:visible;">
<img src="../img/logo.gif" width=150 height=48 border=0>
</div>

<div id="point2" STYLE="position:absolute;visibility:visible;">
<img src="../img/logo.gif" width=150 height=48 border=0>
</div>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Bruce W.Anderson (appletlib@about.com) -->
<!-- Web Site: http://appletlib.tripod.com/dhtml/elevator.html -->

<!-- Begin
var xPosLeft = 20;
var xPosRight = 800;
var step = 1;
var delay = 30;
var yPos = 0;
var height = 0;
var offset = 0;
var yon = 0;
var name = navigator.appName;
if (name == "Microsoft Internet Explorer") {
yPos = document.body.clientHeight;
xPosRight = document.body.clientWidth - 150;
point1.style.top = yPos;
point2.style.top = yPos;
}
else {
yPos = window.innerHeight;
document.point1.pageY = yPos;
document.point1.visibility = "hidden";
document.point2.pageX = window.innerWidth - 155;
}
function changePos() {
if (yon == 0) {
yPos = yPos - step;
}
else {
yPos = yPos + step;
}
if (name == "Microsoft Internet Explorer") {
height = document.body.clientHeight;
offset = point1.offsetHeight;
}
else {
height = window.innerHeight;
offset = document.point1.clip.height;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - offset)) {
yon = 0;
yPos = (height - offset);
}
if (name == "Microsoft Internet Explorer") {
point1.style.left = xPosLeft;
point1.style.top = yPos + document.body.scrollTop;
point2.style.left = xPosRight;
point2.style.top = yPos + document.body.scrollTop;
}
else {
document.point1.pageX = xPosLeft;
document.point1.pageY = yPos + window.pageYOffset;
document.point2.pageX = xPosRight;
document.point2.pageY = yPos + window.pageYOffset;
}
}
function start()
{
if (name != "Microsoft Internet Explorer") {
document.point1.visibility = "visible";
}
loopfunc();
}
function loopfunc()
{
changePos();
setTimeout('loopfunc()',delay);
}
// End -->
</script>



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











Wyszukiwarka

Podobne podstrony:
BasicSliderUI ScrollListener
layer scroller
ScrollPaneUI
status scroller
Toy Smiley Bank Pattern (scrollsaw)
scrolling
menu scroll
MetalBorders ScrollPaneBorder
Scrollbar AccessibleAWTScrollBar
scroll clock
ScrollPaneLayout UIResource
scroll2
ScrollPaneLayout
status scroller
ScrollPaneConstants
scrollconcepts4

więcej podobnych podstron