This one is really simple. You just make sure that you have jquery included on the page. Then you create a div like this:
-
<div id="whateveryouwant"" onmouseover="$(this).fadeTo(‘fast’, 1)" onmouseout="$(this).fadeTo(‘fast’, ’0.33′)">
-
Content
-
</div>
-
<script type="text/javascript">
-
$(document).ready(function(){
-
$(‘#whateveryouwant’).fadeTo(‘fast’, ’0.33′);
-
});
-
</script>
-
That code should be very easy to understand.
In sit amet nulla. Curabitur ligula metus, bibendum nec, ullamcorper sed, ullamcorper sed, ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis luctus laoreet leo? Praesent euismod accumsan turpis. Curabitur non diam. Curabitur condimentum, leo ut tincidunt feugiat; massa lorem blandit metus, a volutpat augue tortor nec sem. Suspendisse ac leo nec quam suscipit mollis. Fusce iaculis accumsan nunc. Nam viverra, urna sit amet molestie pretium, ante tellus volutpat neque, quis tristique felis elit sed magna. Nulla condimentum. Etiam vitae lacus in est laoreet egestas.
Nulla porta orci pulvinar tellus. Ut lorem purus; consequat ut, bibendum vel, sagittis sit amet, mauris. Etiam elit sem, rhoncus lobortis, dapibus vitae, convallis eu, enim. In ipsum augue, volutpat pulvinar, molestie non, accumsan eget, turpis. Sed porttitor tincidunt purus! Nunc fringilla, ipsum id cras amet.
Nulla porta orci pulvinar tellus. Ut lorem purus; consequat ut, bibendum vel, sagittis sit amet, mauris. Etiam elit sem, rhoncus lobortis, dapibus vitae, convallis eu, enim. In ipsum augue, volutpat pulvinar, molestie non, accumsan eget, turpis. Sed porttitor tincidunt purus! Nunc fringilla, ipsum id cras amet.
In sit amet nulla. Curabitur ligula metus, bibendum nec, ullamcorper sed, ullamcorper sed, ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis luctus laoreet leo? Praesent euismod accumsan turpis. Curabitur non diam. Curabitur condimentum, leo ut tincidunt feugiat; massa lorem blandit metus, a volutpat augue tortor nec sem. Suspendisse ac leo nec quam suscipit mollis. Fusce iaculis accumsan nunc. Nam viverra, urna sit amet molestie pretium, ante tellus volutpat neque, quis tristique felis elit sed magna. Nulla condimentum. Etiam vitae lacus in est laoreet egestas.
Nulla porta orci pulvinar tellus. Ut lorem purus; consequat ut, bibendum vel, sagittis sit amet, mauris. Etiam elit sem, rhoncus lobortis, dapibus vitae, convallis eu, enim. In ipsum augue, volutpat pulvinar, molestie non, accumsan eget, turpis. Sed porttitor tincidunt purus! Nunc fringilla, ipsum id cras amet.
Nulla porta orci pulvinar tellus. Ut lorem purus; consequat ut, bibendum vel, sagittis sit amet, mauris. Etiam elit sem, rhoncus lobortis, dapibus vitae, convallis eu, enim. In ipsum augue, volutpat pulvinar, molestie non, accumsan eget, turpis. Sed porttitor tincidunt purus! Nunc fringilla, ipsum id cras amet.