jquery实现页面百叶窗走马灯式翻滚显示效果
1. 需要jquery1.3以上的支持
2. 页面:
<div id="re" class="dynamic">
<li>
<a href="#" class="name">李飞</a>正在申请成为经验达人
</li>
<li>
<a href="#" class="name">李飞</a>已向职场专题《<a href="">我是个亚太人呀亚太人</a>》投稿
</li>
<li>
<a href="#" class="name">董川民</a>已成功购买职场专题《<a href="#">我是个亚太人呀亚太人</a>》
</li>
<li>
<a href="#" class="name">李飞</a>对《<a href="">我是个亚太人呀亚太人</a>》的解决方案又卖出一次
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">李飞</a>向职场专题《<a href="#">我是个亚太人呀亚太人</a>》的投稿已通过审核,获得1元奖励。
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>评论经验:
<div class="text"><a href="">人生感悟及处事技巧人生感悟及处事</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">李飞</a>已正式成为经验达人
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>评论经验:
<div class="text"><a href="">人生感悟及处事技巧人生感悟及处事</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">李飞</a>已邀请<a href="#" class="name">董川民</a>成为经验达人
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>评论经验:
<div class="text"><a href="">人生感悟及处事技巧人生感悟及处事</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
<li>
<a href="#" class="name">三内里奥</a>回答了<a href="#" class="name">大飞</a>的提问
<div class="text"><a href="">人生感悟及处事技巧人生感悟?</a></div>
</li>
</div>
<script type="text/javascript">
//复杂点的调用写法
//$("#re").setLine(5).setTime(3000).startRoll();
//简单的调用
$("#re").startRoll();
</script>