Question

我的滑块包含图片，标题和一些信息文字。我希望在相关的滑块图像上加载（淡入）信息文本。

e.g slider1一个有caption1和info文本1。 slider2一个有caption2和info文本2.

当slider1从slider2更改时，info text 2应作为slider2前面的单独实体淡入，依此类推。

Answer 1

这需要使用像jquery这样的javascript famework，这将非常容易。我会给你解决方案jquery非常简单

 $(document).ready(function(){
    $("#mySlider .slider").each(function(){
    $(this).fadeIn("slow");

    });

    });
    <div id="mySlider">
    <div class="slider"><span>here is the caption </span><img src="../images/1.jpg" /> </div>
 <div class="slider"><span>here is the caption </span><img src="../images/2.jpg" /> </div>
 <div class="slider"><span>here is the caption </span><img src="../images/3.jpg" /> </div>
    </div>

jquery代码将逐个处理所有滑块并在

中淡化它们

淡入滑块图像前的图像或（信息文本）？

1 个答案: