Myslider is used for single-line text scrolling, and myslider is used for text scrolling.

Myslider is used for single-line text scrolling, and myslider is used for text scrolling.

Myslider is used for single-line text scrolling. myslider is a small jquery plug-in for content scrolling.

First see the instance: http://keleyi.com/jq/myslider/demo/4.htm

Then let's look at the Code:

<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script><link href="http://keleyi.com/jq/myslider/css/jquery.myslider.0.1.3.css" type="text/css" rel="Stylesheet" /><script type="text/javascript" src="http://keleyi.com/jq/myslider/js/jquery.myslider.0.1.3.js"></script><div id="myslider_keleyi_com" class="keleyimyslider"><ul><li>This is a myslider demo.</li><li><a href="http://keleyi.com/jq/myslider/">myslider home</a></li><li><a href="http://keleyi.com/">Keleyi Home</a></li><li><a href="http://keleyi.com/keleyi/">Keleyi Menu Home</a></li><li><a href="http://plugins.jquery.com/myslider/">jquery plugin myslider</a></li><li>http://keleyi.com/jq/myslider/ </li></ul></div><script type="text/javascript">$("#myslider_keleyi_com").myslider({ "width": "500px", "millisec": "2000", "animatespeed": 800, "fontSize": "20px", "li_style": {"font-size":"20px"}});</script>

 

From the code above, it is very easy to implement single-line text scrolling. You only need to reference js files and css files, then construct html of the scrolling content, and finally use javascript statements to implement scrolling, javascript statements can set parameters such as the scroll direction (up or down), interval, and so on. The html statement is also very simple. Remember to add class = "keleyimyslider" to the div ".

Of course, myslider plug-in can also achieve multi-line content scroll, can also be the image scroll, For details, please refer to the http://keleyi.com/jq/myslider/