java 循环滚动_[Java教程]jQuery循环滚动新闻列表

[Java教程]jQuery循环滚动新闻列表

0 2014-06-16 14:00:12

最近由于项目原因，学习了下jquery，实现了一个小小的功能，就是点击公告的上一条下一条来查看滚动条。具体代码如下：

test

.banner_index { float:left; width:730px; height:239px; overflow:hidden; margin:5px 0 0 0;}

.banner_index_pic { width:730px; height:239px; overflow:hidden;}

 

 

 

网厅公告：

• 关于调整全省固定电话本地电话网

  [2010-06-24]

• 中国电信机场/车站贵宾服务电子

  [2010-06-24]

jQuery(function(){

jQuery('#dt_gg').css("display","block");

if(jQuery('#dt_gg').find('li').length>1){

jQuery('#dt_gg').jCarouselLite({

btnPrev:'#gg_n',

btnNext:'#gg_p',

btnAutoSwitch:'#gg_s',

visible: 1,

auto:5000,

speed:1000,

onMouse:true,

vertical:true

});

}else{

jQuery('#dt_gg').jCarouselLite({

visible: 1

});

}

});

jQuery(function(){

jQuery('#gg_s').click(function(){

if(jQuery(this).attr('src') == "/cms/web/images/V3/public/break_btn.jpg"){

jQuery(this).attr('src','/cms/web/images/V3/public/play_btn.jpg');

jQuery(this).attr('title','播放');

}else{

jQuery(this).attr('src','/cms/web/images/V3/public/break_btn.jpg');

jQuery(this).attr('title','暂停');

}

});

});

本文网址：http://www.shaoqun.com/a/94139.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

jquery

0