何するモノ?
doticker.js は、Twitter 公式のプロフィールウィジェット のように、jsdo.it で公開したコードをブログに流してくれる jQuery プラグインです。
動作条件
- jQuery 1.3 以上
- IE6, 7, 8, 9 / Firefox 7, 8 / Chrome 15 / Safari 5 で動作確認済み
<div id="ticker"></div>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="doticker.min.js"></script>
<script>
$(function() {
$("#ticker").doticker({
// 動作に関するオプション
name: "tokkonopapa",
loop: true,
maxCodes: 10,
interval: 6000,
scrollbar: false,
duration: "slow",
// 見た目に関するオプション
width: "250px",
height: "300px",
background: "#9bc6f2",
bodyground: "#fff",
bordercolor: "#888"
});
});
</script>
各パラメータの詳細は、README.md をご覧ください。
あるいは次のように Git でクローンを作成して下さい。
$ git clone git://github.com/tokkonopapa/doticker.js
ライセンス、連絡先
MIT / Copyright © 2011 @tokkonoPapa。バグ報告や要望は、issues list にお願いします。
About
doticker.js is a jsdo.it my codes ticker like the official twitter profile widget.
Dependencies
- jQuery 1.3 or higher
- Tested by IE6, 7, 8, 9 / Firefox 7, 8 / Chrome 15 / Safari 5
<div id="ticker"></div>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="doticker.min.js"></script>
<script>
$(function() {
$("#ticker").doticker({
// Behavior options
name: "tokkonopapa",
loop: true,
maxCodes: 10,
interval: 6000,
scrollbar: false,
duration: "slow",
// Visual options
width: "250px",
height: "300px",
background: "#9bc6f2",
bodyground: "#fff",
bordercolor: "#888"
});
});
</script>
See also README.md for details.
Demo
Visit jsdo.it my codes ticker jQuery plugin - jsdo.it - share JavaScript, HTML5 and CSS
.
You can also clone the project with Git by running:
$ git clone git://github.com/tokkonopapa/doticker.js
Licence, Contact
MIT / Copyright © 2011 @tokkonoPapa. Bug reports to the issues list as well as requests are appreciated.