Login   Register  
Icontem

File: test.htm

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Nguru Mugendi  >  Text Reveal  >  test.htm  >  Download  
File: test.htm
Role: Example script
Content type: text/plain
Description: The HTML testing file.
Class: Text Reveal
Expands element as the user drags the mouse over
Author: By
Last change:
Date: 2012-07-28 16:02
Size: 5,360 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">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="nguru" />

    <link type="text/css" rel="stylesheet" href="style.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
    <script src="textReveal.min.js" type="text/javascript"></script>
    
    <!--plugin initialization code-->
    <script type="text/javascript">
        $(function(){              
            $("#text p").textReveal({selectionLength:4,revealLines:2});
        });
    </script>
    
	<title>Text Reveal</title>
</head>

<body>
    <h2>Reveal Text While You Read</h2>
    <p>This plugin reveals text line by line as it is “scrolled-over”.  Useful for long-textual pages where it is not necessary to reveal all the text until the user is ready to read it. 
    </p>
    <p>It reveals text line by line and thus very handy for espacially very long pieces/paragraphs.</p>
    <p>
    It can be tweaked to hide textual items beyond the page to keep visible content minimal.
    </p>
    

    <div id="text">
        <h3>Plugin Text Below</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius sollicitudin nisl sit amet vehicula. Cras sit amet enim ac nulla venenatis dapibus non eu dolor. Integer posuere aliquam lorem, a venenatis eros varius eget. Integer vel enim odio. Nulla facilisi. Ut luctus imperdiet dolor, id porttitor nulla vulputate gravida. Cras hendrerit egestas lacus vel placerat. Proin metus nisl, sagittis a facilisis non, cursus sit amet augue. Vivamus ultrices mi non turpis accumsan bibendum. Etiam rutrum vulputate justo vitae posuere. Phasellus quam elit, commodo nec dignissim a, gravida sed justo. Vestibulum odio urna, iaculis eu semper sed, fringilla ac sem. Cras at velit lacus, vel tempor magna. Morbi semper pellentesque dolor quis fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
        In adipiscing nisl eget lectus vehicula viverra. Cras mattis interdum justo nec rutrum. Quisque lorem neque, vestibulum at vulputate eu, dictum quis magna. Curabitur pretium dignissim nibh, eget molestie metus consequat sit amet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam volutpat pharetra augue vel bibendum. Mauris elementum, ligula quis placerat convallis, lacus est mollis purus, id condimentum lacus elit id diam. Ut nulla enim, condimentum sed eleifend eu, lacinia sed velit. Nam eleifend ornare nisl a viverra. Aenean tortor mi, pharetra eu condimentum ac, consectetur sit amet arcu. In at rutrum lacus. Nunc in sem et mi condimentum sagittis. Maecenas nec felis vitae arcu suscipit lacinia. Vivamus sit amet orci sed nunc posuere eleifend in quis metus. Aliquam rhoncus mauris commodo urna convallis tempor posuere elit consectetur. Nullam at nisl id ante fringilla porta vel in lectus.</p> 

        <p>Nullam accumsan egestas nisl, nec consequat risus tempor quis. Curabitur urna mauris, pretium quis accumsan sit amet, sollicitudin ut augue. Nunc vel dapibus neque. Curabitur vitae justo sem. Proin aliquam mollis neque. Maecenas urna orci, pulvinar vel lacinia eget, vulputate quis lorem. Pellentesque pharetra porta molestie. Vestibulum nec nisi eros, eu venenatis turpis. Curabitur porttitor mattis enim at elementum. Aenean elit urna, porta eu scelerisque nec, elementum ac nibh. Aenean suscipit velit a tellus blandit sagittis. Proin accumsan orci molestie orci sagittis et varius tellus ultricies. Maecenas mollis est ornare felis volutpat nec facilisis dui tincidunt.</p> 

        <p> Donec viverra accumsan sem, vestibulum accumsan justo pulvinar vel. Etiam quis blandit est. Proin quis magna at massa dictum convallis. Maecenas a nulla purus, eu elementum nunc. Sed laoreet eros posuere nibh commodo congue. Mauris id augue id mauris laoreet semper in nec est. Fusce ut eros nisl. Aliquam tincidunt orci a felis faucibus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus eu lectus sem, eget volutpat nisl. Quisque eu sem lorem. Proin congue magna at nisl suscipit eget luctus odio ultrices. Donec nisi nunc, lacinia vitae hendrerit vitae, vulputate ac sapien.</p> 

        <p>Sed quis diam massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in blandit lacus. Integer vitae sapien at tellus vehicula commodo. Morbi bibendum pulvinar mi in ornare. Morbi lectus eros, pretium non gravida in, consequat vitae magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur aliquet metus vitae magna sodales a sodales neque commodo. Morbi nec semper turpis. Vivamus sed magna lacus, a luctus augue. Vivamus eget arcu ut enim elementum ornare. Etiam rutrum elit non nisl molestie lobortis. Phasellus vehicula est sit amet sapien mattis eget tempor nunc sodales. Etiam rhoncus velit ac mauris pulvinar in fringilla justo lobortis. Sed vitae laoreet purus. Suspendisse porttitor placerat porttitor.</p>
    </div>

</body>
</html>