A classic jQuery kxbdMarquee seamless rolling plug-in, jquerykxbdmarquee

Source: Internet
Author: User

A classic jQuery kxbdMarquee seamless rolling plug-in, jquerykxbdmarquee

<Marquee> it was once a unique tab of IE for the effect of riding lights. other browsers are not compatible, so there is a plug-in that uses JavaScript to simulate the effect.

  • Version:
  • JQuery v1.3.2 +

Online instance

Instance preview kxbdMarquee simulation Marquee seamless scrolling

How to load JavaScript files
  1. <script src="jquery.js"></script> 
  2. <script src="jquery.kxbdmarquee.js"></script> 
Copy CSS styles
  1. /** 
  2. * The parent container needs to be set to overflow hidden.
  3. * For horizontal scrolling, the project needs to be floating
  4.  */ 
  5. #element_id{overflow:hidden;} 
  6. #element_id ul li{float:left;} 
Copy the DOM Structure
  1. <div id="element_id"> 
  2.   <ul> 
  3.     <li>...</li> 
  4.     <li>...</li> 
  5.     <li>...</li> 
  6.   </ul> 
  7. </div>
Copy JavaScript call Method
  1. $ ('# Element_id'). kxbdMarquee ();
Copy parameter description
Name Default Value Description
Direction "Left" Scroll direction. Can be set to: "left", "right", "up", "down"
IsEqual True Whether the length and width of all scrolling elements are equal. Optional values: true and false.
Loop 0 Number of times of loop scrolling. 0 indicates an infinite loop.
ScrollAmount 1 Step Size (px)
ScrollDelay 20 Duration (MS)
Download

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.