带有样式的bxslider自定义寻呼机

时间:2014-01-18 20:43:39

标签: javascript html css bxslider

我有一个问题,我需要这样做: http://oi40.tinypic.com/21dj2ms.jpg

我尝试这样做,这是代码:

$('#slider-three').click(function(){

   slider.goToSlide(3);
   return false;

});


<a href="" id="slider-three">Vladimír Slezák</a>

但是如何将A LINK设置为活动状态? 其他链接具有相同的背景颜色,但活动链接必须具有不同的颜色,我该怎么做?

像这样的东西 “如果您在幻灯片2上,请将第二个a.link的背景颜色设置为黑色”

有人帮助我吗?

1 个答案:

答案 0 :(得分:0)

您想引用bxSlider提供的a.active类。

CSS示例:

#bx-pager li a.active, 
#bx-pager li a:hover {
background-color: #4C5B60;
font-weight: bold;
}

jsFiddle:http://jsfiddle.net/defonic/ZZSH8/