jquery实现点击公告的上一条下一条来查看滚动条,示例代码如下,希望对大家有所帮助。
最近由于项目原因,学习了下jquery,实现了一个小小的功能,就是点击公告的上一条下一条来查看滚动条。具体代码如下:
代码如下:
.banner_index{float:left;width:730px;height:239px;overflow:hidden;margin:5px000;}
.banner_index_pic{width:730px;height:239px;overflow:hidden;}
网厅公告:
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','暂停');
}
});
});
更多信息请查看IT技术专栏