郑德才博客

jQuery KinSlideshow自定义图片却换效果插件

$(function() {
    $("#KinSlideshow").KinSlideshow({
        moveStyle: "right",
        titleBar: {
            titleBar_height: 30,
            titleBar_bgColor: "#08355c",
            titleBar_alpha: 0.5
        },
        titleFont: {
            TitleFont_size: 12,
            TitleFont_color: "#FFFFFF",
            TitleFont_weight: "normal"
        },
        btn: {
            btn_bgColor: "#FFFFFF",
            btn_bgHoverColor: "#1072aa",
            btn_fontColor: "#000000",
            btn_fontHoverColor: "#FFFFFF",
            btn_borderColor: "#cccccc",
            btn_borderHoverColor: "#1188c0",
            btn_borderWidth: 1
        }
    });
});

<div id="KinSlideshow" style="visibility:hidden;">
    <a href="http://www.qq1.com" target="_blank">
        <img src="images/1.jpg" alt="这是标题一" />
    </a>
    <a href="http://www.qq2.com" target="_blank">
        <img src="images/2.jpg" alt="这是标题二" />
    </a>
    <a href="http://www.qq3.com" target="_blank">
        <img src="images/3.jpg" alt="这是标题三" />
    </a>
    <a href="http://www.qq4.com" target="_blank">
        <img src="images/4.jpg" alt="这是标题四" />
    </a>
    <a href="http://www.qq5.com" target="_blank">
        <img src="images/5.jpg" alt="这是标题五" />
    </a>
    <a href="http://www.qq6.com" target="_blank">
        <img src="images/6.jpg" alt="这是标题六" />
    </a>
</div>