內容滾動jquery插件myslider
編輯：JQuery常見問題
myslider是一個內容滾動jquery插件，版本0.1.2的每次滾動內容是一行內容，可以是文字，可以是一個鏈接，可以是圖片。
官方網址：http:///jq/myslider/
參考：http://plugins.jquery.com/myslider/
myslider 0.1.2參數:http:///a/bjad/tmn3lfpt.htm
例子代碼：
<!DOCTYPE html>
<html>
<head>
<title>myslider</title><base target="_blank" />
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<link href="http:///jq/myslider/css/jquery.myslider.0.1.2.css" type="text/css" rel="Stylesheet" />
<script type="text/javascript" src="http:///jq/myslider/js/jquery.myslider.0.1.2.js"></script>
</head>
<body>
<div style="width:300px;margin:10px auto;"><h2>myslider 0.1.2 demo</h2></div>
<div id="myslider_keleyi_com" class="keleyimyslider" style="margin:0px auto;">
<ul>
<li>Myslider is a jquery plugin.</li>
<li>Very simple to use.</li>
<li><a href="http:///jq/myslider/"><img src="http:///jq/myslider/img/myslider.jpg" alt="myslider" /></a></li>
<li><a href="http:///menu/jquery/">jQuery</a></li>
<li>It make content scroll.</li>
<li><a href="http:///keleyi/">Keleyi Menu Home</a></li>
<li><a href="http://plugins.jquery.com/myslider/">jquery plugin</a></li>
<li><a href="http:///jq/myslider/">myslider</a></li>
<li>http:///jq/myslider/</li>
<li>This is a myslider demo.</li>
</ul>
</div>
<script type="text/javascript">
$("#myslider_keleyi_com").myslider({ "width": "500px"
, "height": "200px"
, "millisec": "3000"
, "fontSize": "30px"
, "direction": "down"
});
</script>
<div><a href="http://">home</a> <a href="http:///jq/myslider/demo1/">demo 0.1.0</a> <a href="http:///jq/myslider/demo/2.htm">demo 0.1.1</a></div>
</body>
</html>
官方網址：http:///jq/myslider/
參考：http://plugins.jquery.com/myslider/
myslider 0.1.2參數:http:///a/bjad/tmn3lfpt.htm
例子代碼：
<!DOCTYPE html>
<html>
<head>
<title>myslider</title><base target="_blank" />
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<link href="http:///jq/myslider/css/jquery.myslider.0.1.2.css" type="text/css" rel="Stylesheet" />
<script type="text/javascript" src="http:///jq/myslider/js/jquery.myslider.0.1.2.js"></script>
</head>
<body>
<div style="width:300px;margin:10px auto;"><h2>myslider 0.1.2 demo</h2></div>
<div id="myslider_keleyi_com" class="keleyimyslider" style="margin:0px auto;">
<ul>
<li>Myslider is a jquery plugin.</li>
<li>Very simple to use.</li>
<li><a href="http:///jq/myslider/"><img src="http:///jq/myslider/img/myslider.jpg" alt="myslider" /></a></li>
<li><a href="http:///menu/jquery/">jQuery</a></li>
<li>It make content scroll.</li>
<li><a href="http:///keleyi/">Keleyi Menu Home</a></li>
<li><a href="http://plugins.jquery.com/myslider/">jquery plugin</a></li>
<li><a href="http:///jq/myslider/">myslider</a></li>
<li>http:///jq/myslider/</li>
<li>This is a myslider demo.</li>
</ul>
</div>
<script type="text/javascript">
$("#myslider_keleyi_com").myslider({ "width": "500px"
, "height": "200px"
, "millisec": "3000"
, "fontSize": "30px"
, "direction": "down"
});
</script>
<div><a href="http://">home</a> <a href="http:///jq/myslider/demo1/">demo 0.1.0</a> <a href="http:///jq/myslider/demo/2.htm">demo 0.1.1</a></div>
</body>
</html>
- 上一頁:jq的prepend函數
- 下一頁:JQ的siblings()
小編推薦
熱門推薦