您所在的位置:首页>建站素材
  • 建站素材

五图三屏不规则布局轮番js特效代码

作者:admin    时间:2019-11-11 11:56:22    人气:5   

html代码:

<div class="top_slider" id="pl_app_focus">
    <div class="ts_inner" node-type="slider">
        <ul class="slider_list" >
            <li class="slider_item ">
                <div class="column_large ">
                    <div class="column_large_one" action-type="showdesc">
                        <div class="column_img_container">
                            <img class="column_large_img" width="390" height="260" src="images/ZHIME64101.jpg" alt=""  />
                        </div>
                        <div class="column_select_layer">
                            <div class="layer_content">
                                <p class="column_title">ZHIME</p>
                                <div class="column_info">
                                    <i class="allstar"><i style="width:84%" class="star_bar"></i></i>
                                    <span class="column_play_count">女人需要编织自己才能获得甜蜜</span>
                                </div>
                            </div>
                            <div class="layer_mask"></div>
                        </div>
                        <a class="column_item_link" href="http://www.17sucai.com/" title="" target="_blank"></a>
                    </div>
                </div>
                <div class="column_small middle_column">
                    <div class="column_small_first " action-type="showdesc">
                        <div class="column_img_container">
                            <img class="column_small_img" width="195" height="130" src="images/ZHIME64102.jpg" alt=""  />
                        </div>
                        <div class="column_select_layer">
                            <div class="layer_content">
                                <p class="column_title">ZHIME</p>
                                <div class="column_info">
                                    <i class="allstar"><i style="width:84%" class="star_bar"></i></i>
                                    <span class="column_play_count">女人需要编织自己才能获得甜蜜</span>
                                </div>
                            </div>
                            <div class="layer_mask"></div>
                        </div>
                        <a class="column_item_link" href="http://www.17sucai.com/" title="" target="_blank"></a>
                    </div>
                    <div class="column_small_first " action-type="showdesc">
                        <div class="column_img_container">
                            <img class="column_small_img" width="195" height="130" src="images/ZHIME64103.jpg" alt=""  />
                        </div>
                        <div class="column_select_layer">
                            <div class="layer_content">
                                <p class="column_title">ZHIME</p>
                                <div class="column_info">
                                    <i class="allstar"><i style="width:84%" class="star_bar"></i></i>
                                    <span class="column_play_count">女人需要编织自己才能获得甜蜜</span>
                                </div>
                            </div>
                            <div class="layer_mask"></div>
                        </div>
                        <a class="column_item_link" href="http://www.17sucai.com/" title="" target="_blank"></a>
                    </div>
                </div>
                <div class="column_small ">
                    <div class="column_small_first " action-type="showdesc">
                        <div class="column_img_container">
                            <img class="column_small_img" width="195" height="130" src="images/ZHIME64104.jpg" alt=""  />
                        </div>
                        <div class="column_select_layer">
                            <div class="layer_content">
                                <p class="column_title">ZHIME</p>
                                <div class="column_info">
                                    <i class="allstar"><i style="width:82%" class="star_bar"></i></i>
                                    <span class="column_play_count">女人需要编织自己才能获得甜蜜</span>
                                </div>
                            </div>
                            <div class="layer_mask"></div>
                        </div>
                        <a class="column_item_link" href="http://www.17sucai.com/" title="" target="_blank"></a>
                    </div>
                    <div class="column_small_first " action-type="showdesc">
                        <div class="column_img_container">
                            <img class="column_small_img" width="195" height="130" src="images/ZHIME64105.jpg" alt=""  />
                        </div>
                        <div class="column_select_layer">
                            <div class="layer_content">
                                <p class="column_title">ZHIME</p>
                                <div class="column_info">
                                    <i class="allstar"><i style="width:84%" class="star_bar"></i></i>
                                    <span class="column_play_count">女人需要编织自己才能获得甜蜜</span>
                                </div>
                            </div>
                            <div class="layer_mask"></div>
                        </div>
                        <a class="column_item_link" href="http://www.17sucai.com/" title="" target="_blank"></a>
                    </div>
                </div>
            </li>                
            
        </ul>
        <a class="slider_btn_left" href="javascript:;" title="" node-type="prev"></a>
        <a class="slider_btn_right" href="javascript:;" title="" node-type="next"></a>
    </div>

效果预览:

图片.png

点击下载:五图三屏不规则布局轮番js特效代码.rar


标签:模板网站,建站素材,五图三屏不规则布局轮番js特效代码
  • 热卖模板
  • 最新资讯
PBOOTCMS模板网 - 成功的竞争者应该经得起风雨,应该具有抗挫折的能力。在竞争中流泪是弱者,只有在困境中奋起,才能成为强者。

推荐模板

PBOOTCMS模板网 - 致力于PBOOTCMS模板开发,模板定制,公司网站模板制作,欢迎有共同爱好的朋友相互交流!

友情链接