Smooth continuous scrolling plug-in based on jquery image _jquery

Source: Internet
Author: User
* This plugin requires running on jquery v1.3 or later
* The plugin can be implemented to smooth the picture up or to the left scroll
* If you need more results or in the use of this plugin there are bugs, you can give a message in Yan Lei's blog, Yan Lei will do their best to perfect this plugin
* Before leaving your message, please go to: http://gmarwaha.com/jquery/jcarousellite/Download Jcarousellite Plugin
* To He Yan-le picture Smooth scrolling plug-ins to complement each other to get more picture effects
* Yan Lei Image Smooth scrolling plug-in is just a supplement to the Jcarousellite plug-in
*
*
* Technical Support: HTTP://HI.BAIDU.COM/DPXDQX
* This is a free copy version, you can add any functionality on this basis
* Yan Lei suggested that you will be modified version or address sent to Yan Lei blog to share, but also suggest that you keep some of the information of Yan Lei
*
*
* This plugin does not like the Jcarousellite plug-in sample on the relevant elements of the CSS fully automatic settings, some CSS style requires you to set
* The reason is simple: you need to consider that some users of the browser do not support JavaScript or related features are disabled
* You need to make the layout of your page elements appear correct at this point, so the necessary CSS settings need to be done by yourself.
*
* You must introduce Jqurey and this script before use, such as
* <script type= "text/javascript" src= "Js/jquery_last.js" ></script>
* <script type= "text/javascript" src= "Js/ylmarquee.js" >
* Use method:
*
* 1, set the container for the object you want to set scrolling, and name class, such as class= "Ylmarquee"
* 2, put the object you want to scroll into the <ul></ul>, and add the Li tag, the Li tag can be a picture, text or form ...
* 3, this version requires you to set the width or height of each Li list to
* <div class= "Ylmarquee" >
* <ul>
* <li></li>
* <li></li>
* <li></li>
* </ul>
* </div>
* 4, set ylmarquee height or width style--scroll up must set height size, left to scroll must set the width of the size, otherwise the page will not appear normal.
* 5, add jquery statements to the page, call this plugin, and set the relevant parameters, such as:
* <script type= "Text/javascript" >
* $ (document). Ready (function () {
* $ (". Stroll"). Jmarquee ({
* Visible:3,
* Step:1,
* Direction: "Left"
* });
*});
* </script>
* 6, Plug-ins related parameters:
* Visible: Page visible element (picture) number, default is 1, must be parameter.
* Step: Scroll steps, integers, default to 1, increase this number to speed up scrolling, set to 0, then do not scroll.
* Direction: Scrolling direction, there are "left" (scroll to go) and "Up" (scroll up) two parameters, note that when setting, you must add the double citation ("") or single quotation mark ("") in English.
*/
Demo Address: http://img.jb51.net/online/jquery_pic/jquery_pic.htm
Download Address Http://img.jb51.net/online/jquery_pic/jquery_pic_files/YlMarquee.js

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.