bit dojo labs : file explorer
Inspecting: home > js > linksfx > linksfx.html (download)<html>
<head>
<title>LinkSfx JS</title>
<style type="text/css">
body { margin: 0px; padding: 10px; overflow: auto; font: 14px Calibri; color: #fff; background: #333; }
h1, h2, h3 { margin: 0px 0px; }
a { color: #fff; text-decoration: underline; }
a:hover { color: #8f8; cursor: pointer; }
#error1 { color: #f00; }
#LnNo { /* color: #88f; */ font-size: 9px; }
</style>
<script src="../lib/prototype/prototype.js" type="text/javascript"></script>
<script src="../lib/scriptaculous/scriptaculous.js" type="text/javascript"></script>
<script src="linksfx.js" type="text/javascript"></script>
</head>
<body>
<h1>LinkSfx JS</h1>
<br/>
This JavaScript adds a special effect to your links when clicked. <br/>
The original "a" html tag does not need to be changed. <br/>
This script uses special effects library from <a href="http://script.aculo.us">Scriptaculous JS</a>. <br/>
<br/>
Here we have <a href="http://google.com">Link A</a>, click on it to try it out.<br/>
Here we have <a href="http://msn.com" target="_blank">Link B</a>, which opens a new window.<br/>
Links <a href="http://yahoo.com" rel="lightbox">like this</a> which have a "rel" attribute are not modified, so scripts like <a href="http://www.huddletogether.com/projects/lightbox2/" target="_blank">LightBox</a> should still work.<br/>
<br/>
Have a look at the source code of this page to see how easy it is to implement.<br/>
You can get the latest version of LinkSfx JS <a href="/view/js/linksfx/linksfx.js">here</a>.<br/>
<br/>
Tested and works on Firefox 2.0.0.3 and Internet Explorer 7.0.600.16386
</body>
</html>