|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 |
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> <script> $(document).ready(function(){ //xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx //TIMER function ticker() { //END TIMER $('#ticker').load('megaboard/findlastloaded.php').fadeIn("slow").slideUp(function() { $(this).appendTo($('#ticker')).slideDown(); }); //TIMER }setInterval(function(){ ticker(); }, 5000); //END TIMER }); </script> <div class="ticker"> <h3>Latest News</h3> <ul id="ticker"> </ul> </div> <style type="text/css"> hr { padding: 0; } .ticker { width: 400px; height: 400px; overflow: hidden; border: 1px solid #DDD; border-radius: 5px; box-shadow: 0px 0px 5px #DDD; background-color: #F5F3E5; text-align: left; border-bottom-color: green; border-bottom-width: 2px; } .ticker h3 { padding: 0 0 10px 10px; border-bottom: 1px solid #A7A7A7; } ul { list-style: none; padding: 0; margin: 0; font-style: italic; } ul li { list-style: none; height:10px; padding:7px; border-bottom: 1px solid #D6CFB8; line-height: 10px; padding: 6px 15px; } </style> |
