跑马灯效果,项目:http://plugins.jquery.com/project/marquee
演示页:http://remysharp.com/demo/marquee.html
jQuery版本1.2.x
<script src="jquery-1.2.6.js" type="text/javascript"></script> <script src="../downloads/jquery.marquee.js" type="text/javascript"></script> <script type="text/javascript"> <!-- $(function () { // basic version is: $('div.demo marquee').marquee() - but we're doing some sexy extras $('div.demo marquee').marquee('pointer').mouseover(function () { $(this).trigger('stop'); }).mouseout(function () { $(this).trigger('start'); }).mousemove(function (event) { if ($(this).data('drag') == true) { this.scrollLeft = $(this).data('scrollX') ($(this).data('x') - event.clientX); } }).mousedown(function (event) { $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft); }).mouseup(function () { $(this).data('drag', false); }); }); //--> </script>
<marquee behavior="scroll" scrollamount="1" direction="left" width="350"> <marquee scrollamount="2" behavior="alternate" direction="right" width="350"> <marquee loop="3" behavior="slide" direction="right" width="350"> <marquee behavior="scroll" direction="down" scrollamount="2" height="100" width="350">
没有评论:
发表评论