jquery wenn div sichtbar oder nicht

wenn ein div iim view ist wird eine funktion ausgeführt, die kann zb auch was bewegen.

by Cheffchen

HTML

<script src="http://static.pixeltango.com/jQuery/Bullseye/JavaScripts/jquery.bullseye-1.0.js"></script>
<div class="cont bullseye" id="1">
    http://static.pixeltango.com/jQuery/Bullseye/<br>
    1 adf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdf fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfsdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdf fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfsdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdf fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfsdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdf fdgfd <br> dfg dfg fdg dfgd fgdfdf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg fdgfd <br> dfg dfg fdg dfgd fgdf</div>
 <div class="cont bullseye" id="2">2 adf sfasdf sdfs dfs dfgdfdgd fgd fgdfgd fgfgdfg dfgdfgdf gdfgdsf gdf gfdg...

CSS

.cont{border:1px solid red;}

JavaScript

// jQuery DOM-Loaded event
$(function() {
// Create your event handlers
function myHandler(e) {
    //alert($(this).attr('id') + ': ' + e.type);   
    $(this).animate({'font-size':'20px'}, 3000);
}
function myHandlerout(e) {
    //alert($(this).attr('id') + ': ' + e.type);   
    $(this).animate({'font-size':'10px'}, 3000);
}    
// Inside DOM-Loaded event
$('.bullseye')
   // Bind events to your handlers
   .bind('enterviewport', myHandler)
   .bind('leaveviewport', myHandlerout)
 
   // Initialize the plug-in
.bullseye('offsetTop=-100,offsetHeight=-100');

//$('#1').animate({'font-size':'20px'}, 2000);
});