Login   Register  
Icontem

File: simple_example.html

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  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: 2011-05-20 09:43
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>