bit dojo labs : file explorer
Inspecting: home > js > DojoSfx > TextHoverEffect.html (download)<?xml version="1.0" encoding="UTF-8" ?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<style type="text/css">
body {
color: #444;
font-family: "Calibri", Arial, Helvetica, sans-serif;
position: relative;
}
#content {
margin: 40px;
}
#test-container {
height: auto;
width: 500px;
border: 2px #aaa solid;
padding: 5px;
cursor: default;
}
</style>
<script type="text/javascript" src="js/lib/prototype.js"></script>
<script type="text/javascript" src="js/lib/scriptaculous.js"></script>
<script type="text/javascript" src="js/DojoSfx.js"></script>
<script type="text/javascript">
Event.observe(window, 'load', function(){
DojoSfx.TextHoverEffect("test-container");
});
</script>
</head>
<body>
<div id="content">
<div id="test-container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ipsum dolor, adipiscing ut elementum et, dictum id augue. Curabitur varius sem in nisl laoreet lacinia. Nulla pulvinar ullamcorper nisi, et euismod sapien semper ut. Nullam placerat posuere dignissim. Ut sit amet ante nec leo consequat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi nunc lorem, dignissim eget porta ut, fringilla et lorem. Integer pellentesque, elit sit amet dignissim condimentum, eros leo lobortis mauris, eu blandit nisl odio id leo. Nulla sed libero quis libero ultricies egestas id sed orci. Quisque pretium diam vel dolor tincidunt ullamcorper. Vivamus eleifend ultrices libero consectetur mollis. Integer placerat pharetra mauris, sit amet porttitor lorem ultricies euismod. Aliquam ornare pharetra turpis ut condimentum. Nunc congue elit at enim fermentum convallis. Aliquam porta, odio ultricies aliquam laoreet, massa neque malesuada odio, et volutpat erat mauris in massa. Nullam nec enim varius est porttitor condimentum.
</div>
</div>
</body>
</html>