jquery百度预测焦点图代码

收藏

jquery百度预测焦点图代码

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

<ul class="slide_box bxslider"> 
        <li> 
            <a href="#"><img src="images/01_d56c756b.jpg" alt=""></a> 
            <div class="slide_info"> 
                <div class="slide_info_card"> 
                    <a href="#"> 
                        <div class="slide_info_card_text"> 
                            <h2>世界杯预测</h2> 
                            <p>巴西世界杯疯狂来袭，谁会成为最终的王者？谁会扮演神秘的黑马？百度预测再现章鱼保罗的神话</p> 
                            <p><strong>点击进入></strong></p> 
                        </div> 
                    </a> 
                    <div class="slide_info_card_bg"></div> 
                </div> 
            </div> 
        </li> 
        <li> 
            <a href="#"><img src="images/02_fea8ef37.jpg" alt="" title="城市预测"></a> 
            <div class="slide_info"> 
                <div class="slide_info_card"> 
                    <a href="#"> 
                        <div class="slide_info_card_text"> 
                            <h2>城市预测</h2> 
                            <p>哪些城市将被挤爆，哪里的人最爱旅游，城市旅游预测尽在掌握</p> 
                            <p><strong>点击进入></strong></p> 
                        </div> 
                    </a> 
                    <div class="slide_info_card_bg"></div> 
                </div> 
            </div> 
        </li> 
        <li> 
            <a href="#"><img src="images/03_475be110.jpg" alt=""></a> 
            <div class="slide_info"> 
                <div class="slide_info_card"> 
                    <a href="#"> 
                        <div class="slide_info_card_text"> 
                            <h2>景点预测</h2> 
                            <p>提供全国5A景区未来2日人流及舒适度的预测，为您短期旅游出行参考</p> 
                            <p><strong>点击进入></strong></p> 
                        </div> 
                    </a> 
                    <div class="slide_info_card_bg"></div> 
                </div> 
            </div> 
        </li> 
</ul>

<script type="text/javascript" src="js/jquery-1.11.1.min_044d0927.js"></script> 
<script type="text/javascript" src="js/jquery.bxslider_e88acd1b.js"></script> 
<script type="text/javascript"> 
(function(){ 
    $(".bxslider").bxSlider({ 
        auto:true, 
        prevSelector:$(".top_slide_wrap .op_prev")[0],nextSelector:$(".top_slide_wrap .op_next")[0] 
    }); 
})(); 
</script>