File: simple_example.html

Recommend this page to a friend!
  Classes of Arturs Sosins   Anchor slider   simple_example.html   Download  
File: simple_example.html
Role: Example script
Content type: text/plain
Description: simple example
Class: Anchor slider
Scroll the page smoothly when user clicks on links
Author: By
Last change:
Date: 12 years ago
Size: 1,146 bytes
 

Contents

Class file image Download
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- /************************************************************* * This script is developed by Arturs Sosins aka ar2rsawseen, http://webcodingeasy.com * Feel free to distribute and modify code, but keep reference to its creator * * Anchor slider class provides scrolling and sliding effects * when switching between anchor hash links. * It can find target by id or name attributes and * slide or scroll towards target. * * For more information, examples and online documentation visit: * http://webcodingeasy.com/JS-classes/Sliding-effect-between-anchor-hash-link **************************************************************/ --> <html> <head> </head> <body> <a name='onthetop' href='#atthebottom'>Go to bottom</a> <div id='atthebottom' style='position: relative; top: 1000px; height: 200px;'> <a href='#onthetop'>Go to top</a> </div> <script src="./anchor_slider.packed.js" type="text/javascript"></script> <script> var scroll = new anchor_slider(); </script> </body> </html>