我使用这个jQuery的图腾插件https://github.com/buildinternet/totem更改功能变量的onclick并得到它回到了同一点击
我的代码:
的JavaScript
<script type="text/javascript">
$(function(){
$('#newslistul').totemticker({
row_height : '34px',
max_items : 1
});
});
</script>
HTML
<!-- Start News Bar -->
<section id="news">
<div class="container">
<p>EV.news</p>
<div id="newslist">
<ul id="newslistul">
<li><a href="#" title=""><i class="fa fa-angle-right fa-lg" style="margin-right: 4px;"></i> May 25, 2010 Cras sodales augue a nulla tincidunt tincidu sce congue massa enim consequt nonummy</a></li>
<li><a href="#" title=""><i class="fa fa-angle-right fa-lg" style="margin-right: 4px;"></i> Apr 25, 2010 Vivamus sollicitudin erat ut turpis convallis eleife</a></li>
<li><a href="#" title=""><i class="fa fa-angle-right fa-lg" style="margin-right: 4px;"></i> Sept 25, 2010 Cras sodales augue a nulla tincidunt tincidu sce congue massa enim consequt nonummy</a></li>
<li><a href="#" title=""><i class="fa fa-angle-right fa-lg" style="margin-right: 4px;"></i> Sept 25, 2010 Headline lorem ipsum dolor sit amet, consectetur adipiscing elitc vamus id mauris eu mi rutrum tempus</a></li>
</ul>
</div><!-- /.newslist -->
<a href="#" id="news"><i class="fa fa-plus-square" style="position: relative; top: -8px; color: grey;"></i></a>
</div><!-- /.container -->
</section>
<!-- End News Bar -->
我想要下一个: 当你点击
<a href="#" id="news"><i class="fa fa-plus-square" style="position: relative; top: -8px; color: grey;"></i></a>
链接,ul列表展开并显示所有4个li。 变量row_height: '34px'
和max_items:1
应将值更改为row_height : '130px'
和max_items: 4
单击链接时href和adn在同一次单击中返回1。
这里是实时预览http://promo-moments.com/ev/ 它在上面。 EV新闻元素。 – bgolubovic