Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
35 lines (33 sloc) 2.12 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>LinkShrink Demo</title>
<link href="demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>LinkShrink Demo</h1>
<hr />
<h2>Default Shrinking</h2>
<p><a href="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Golden+Gate+Bridge,+San+Francisco,+CA&amp;sll=37.0625,-95.677068&amp;sspn=53.961216,55.195312&amp;ie=UTF8&amp;hq=Golden+Gate+Bridge&amp;hnear=Golden+Gate+Bridge,+San+Francisco,+California&amp;z=14" class="default">http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Golden+Gate+Bridge,+San+Francisco,+CA&amp;sll=37.0625,-95.677068&amp;sspn=53.961216,55.195312&amp;ie=UTF8&amp;hq=Golden+Gate+Bridge&amp;hnear=Golden+Gate+Bridge,+San+Francisco,+California&amp;z=14</a></p>
<hr />
<h2>Custom Variables Shrinking</h2>
<p><a href="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Golden+Gate+Bridge,+San+Francisco,+CA&amp;sll=37.0625,-95.677068&amp;sspn=53.961216,55.195312&amp;ie=UTF8&amp;hq=Golden+Gate+Bridge&amp;hnear=Golden+Gate+Bridge,+San+Francisco,+California&amp;z=14" class="custom">http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Golden+Gate+Bridge,+San+Francisco,+CA&amp;sll=37.0625,-95.677068&amp;sspn=53.961216,55.195312&amp;ie=UTF8&amp;hq=Golden+Gate+Bridge&amp;hnear=Golden+Gate+Bridge,+San+Francisco,+California&amp;z=14</a></p>
<hr />
<p>&copy;2010 <a href="http://mowens.com/">Michael Owens</a>. Dual licensed under the MIT or GPL Version 2 licenses.</p>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.linkshrink.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// LinkShrink using Defaults
$('a.default').linkShrink();
// LinkShrink using Custom Variables
$('a.custom').linkShrink({
length: 28,
expander: ' [expand]',
split: false
});
});
</script>
</body>
</html>