Dual Scroller

CK CK 3788 
Created at  
330 0 0










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.
 

<!-- 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="http://kurapa.com/img/kurapa03.jpg" width=150 height=48 border=0>
</div>

<div id="point2" STYLE="position:absolute;visibility:visible;">
<img src="http://kurapa.com/img/kurapa03.jpg" 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>

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

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

Tags HTML Javascript bgColor Facebook X
Comments 0
Similar posts
  1. Cursor Changer
    382
  2. Enlarge Image
    511
  3. Confirm The Link Clicked
    628
  4. Color Table
    361
  5. New Window
    603
  6. How to display message on browser status bar ?
    475
  7. Pop Up Window On Top
    514
  8. How To Close A Pop-up Window ?
    440
  9. Remove the spaces before begin and after end of text
    334
  10. Code To Clear Browser History
    374
  11. Add This Page To Favorites
    397
  12. Select And Deselect All Checkboxes By Javascript
    630
  13. Javascript Mouse Event Handler Example
    403
  14. Getting WebSearchers On Your Site
    372
  15. Hiding HTML on the browser
    457
  16. How to get date time in Javascript ?
    497
  17. Javascript based Alarm Clock
    659
  18. Javascript implemented Calendar
    420
  19. Basic Date Display
    508
  20. Add A Scrolling Status Bar Text To Your Site
    407
  21. Button That Will Show The Page's Source
    385
  22. Button That Will Close The Browser Window
    349
  23. Icon Coupled Url
    425
  24. Book Mark This Site
    403
  25. Document Fader
    346
  26. Tooltip
    407
  27. Add Message On Mouse Traling
    2,546
  28. Number Of Vists
    507
  29. How to calculate page loading time ?
    358
  30. Move window
    545
  1. Book Mark This Site
    403
  2. Icon Coupled Url
    425
  3. Button That Will Close The Browser Window
    349
  4. Button That Will Show The Page's Source
    385
  5. Add A Scrolling Status Bar Text To Your Site
    407
  6. Add This Page To Favorites
    397
  7. Code To Clear Browser History
    374
  8. Remove the spaces before begin and after end of text
    334
  9. How To Close A Pop-up Window ?
    440
  10. Pop Up Window On Top
    514
  11. How to display message on browser status bar ?
    475
  12. New Window
    603
  13. Firefox Web Tweaking
    375
  14. Color Table
    361
  15. Cursor Changer
    382
  16. Enlarge Image
    511
  17. Confirm The Link Clicked
    628
  18. Send An Email Using A Bean
    1,014
  19. Select And Deselect All Checkboxes By Javascript
    630
  20. Javascript Mouse Event Handler Example
    403
  21. Getting WebSearchers On Your Site
    372
  22. Hiding HTML on the browser
    457
  23. jQuery and Function Chaining
    531
  24. How to get date time in Javascript ?
    497
  25. Javascript based Alarm Clock
    659
  26. Javascript implemented Calendar
    420
  27. Basic Date Display
    508
  28. Address Book
    574
  29. Displays the number of pages that the users browser has displayed in its session
    661
  30. Greeting For The Time Of Day
    392
Recently updated
  1. Why 100% SEO Guarantees Better User Engagement and How to Achieve It in Your Service
    27
  2. Why SPF and DKIM Are Essential for Linux Email Servers?
    24
  3. How do I create animated background for Google Meet?
    19,729
  4. MaxMind GeoLite2 vs. DB-IP Lite vs. ip-api.com: Choosing the Right Free IP Geolocation Solution
    217
  5. Meet Valkey: Why Redis Changed Its License, Why Valkey is Better, and How to Use It as a Drop-in Replacement
    86
  6. How Rogue Web Scrapers Are Stealing My Content and Destroying My Server
    153
  7. Array of arguments passed to script in PHP
    85
  8. Invalid Auction Storms in Ad Tech
    93
  9. Building MRC-Compliant Instrumentation in Ad Tech: Implementation Steps and Key Challenges
    198
  10. The Two Clocks of Ad Server Architecture
    63
  11. Frequency Cap Architecture Overview
    509
  12. Collecting Proof-of-Play from 100,000 Screens
    141
  13. Vector Search in Relational Databases (RDBs): Trends & Usage Environments
    280
  14. What is RedisVL?
    105
  15. Designing a Skill Registry Architecture: Minimize Token Usage and Maximize AI Performance
    224
  16. TPU & GPU Cluster Management Tools
    234
  17. The Concept of Scaffolding in AI Agents
    222
  18. Beyond Static Pipelines: Architecting LLM Multi-Agent Systems for Autonomous Workflow Orchestration
    576
  19. AI-DLC vs. AI-SDLC: Model-Centric vs. System-Centric AI Development
    253
  20. Fine-Tuning Open-Weight LLMs: Training, Licensing, and Deploying Custom Models with Ollama
    328
  21. Inside the Next-Generation Streaming Architecture: Ultra-Low Latency, SGAI, and AI Codecs
    197
  22. Machine Learning: Training vs. Ranking
    213
  23. The Continuous Learning Machine: Designing a Loop That Actually Turns
    217
  24. The Next-Gen Low-Latency Standards: LL-HLS & MoQ
    189
  25. Designing a Data Curation System Around a Vector Database
    215
  26. Extracting Context from Live Video: The Architecture Got Simpler When We Stopped Building Features
    229
  27. The New Ad Stack Behind Live Sports Streaming: Inside SGAI, EABN, and the Standards Race to Fix Live Monetization
    649
  28. Designing MLOps Architectures to Handle Seasonal Data Drift in EV Fleet Models
    185
  29. From 15 to 40+ FPS: Accelerating PyTorch Object Detection on Automotive ECUs
    207
  30. Understanding Data Lineage
    252