Javascript 更改图像更改时旋转木马的背景颜色
(对不起我的英语) 我想用javascript更改我的幻灯片背景css,例如当幻灯片显示第二幅图像时 这是我的页面链接: 和源代码:Javascript 更改图像更改时旋转木马的背景颜色,javascript,css,twitter-bootstrap,background,carousel,Javascript,Css,Twitter Bootstrap,Background,Carousel,(对不起我的英语) 我想用javascript更改我的幻灯片背景css,例如当幻灯片显示第二幅图像时 这是我的页面链接: 和源代码: <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators" style="list-style: none;"> <li class="active" data-target="#myCarousel" data-slide-to="
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators" style="list-style: none;">
<li class="active" data-target="#myCarousel" data-slide-to="0"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><img src="images/headers/3_14.jpg" alt="3 14" />
</div>
<div class="item"><img src="images/headers/3.jpg" alt="3" />
</div>
</div>
<!-- Carousel nav --><a class="carousel-control left" href="#myCarousel" data- slide="prev">‹</a><a class="carousel-control right" href="#myCarousel" data- slide="next">›</a>
</div>
<!-- Call Carousel -->
<script type="text/javascript">
// <![CDATA[
(function($) {
$('.carousel').carousel({});
})(jQuery);
// ]]>
</script>
//
谢谢你的帮助 试试这个
$(this).css({'background-color': '#ccc'});
$('a', this).css({'color': 'red'});
试试这个
$(this).css({'background-color': '#ccc'});
$('a', this).css({'color': 'red'});
你也可以像这样用老式的方式来做:
function setColor(element, color)
{
element.style.backgroundColor = color;
}
我希望这会有帮助。你也可以像这样用老式的方式来做:
function setColor(element, color)
{
element.style.backgroundColor = color;
}
我希望它能有所帮助。您需要的是以下内容
$('#your-element').css('background-color', '#cccccc');
在哪里以及如何应用取决于您的滑块
例如,您可以在旋转木马功能中执行此操作,或者使用
setInterval
等更改颜色。您需要的是以下内容
$('#your-element').css('background-color', '#cccccc');
在哪里以及如何应用取决于您的滑块
例如,您可以在旋转木马功能中执行此操作,或者使用
setInterval
等更改颜色。您可以使用jQuery更改css属性:
$('#element_ID_whose_css_should_be_changed').css({'property_you_want_to_set_or_change' : 'new_value_for_property'});
(这可用于更改与背景相关的css属性)您可以使用jQuery更改css属性:
$('#element_ID_whose_css_should_be_changed').css({'property_you_want_to_set_or_change' : 'new_value_for_property'});
(这可用于更改与背景相关的css属性)