焦点图带箭头-插件-26

<link href="http://image.hc360.com/nr2017/0508/css/tt_style.css" rel="stylesheet" type="text/css">
<link href="http://image.hc360.com/nr2017/0822/css/style.css" rel="stylesheet" type="text/css">
<script src="http://image.hc360.com/nr2017/0508/js/jquery-1.10.2.min.js"></script>
<script src="http://image.hc360.com/nr2017/0508/js/jsxg.js"></script>
<script type="text/javascript" src="http://image.hc360.com/nr2017/0822/js/superslide.2.1.js"></script>

 

<!------------------------------焦点图---------------------------->


<div class="cl main_1 w1190">
  <div class="main_1_left">
    <div class="fullSlide">
      <div class="bd">
        <ul>
          <li _src="url(http://img00.hc360.com/b2b/201709/201709081637416776.jpg)" style="background:#fff center 0 no-repeat;"><a href="http://info.b2b.hc360.com/2017/09/081632128529.shtml" target="_blank"></a></li>
          <li _src="url(http://img02.hc360.com/b2b/201709/201709111024211021.jpg)" style="background:#fff center 0 no-repeat;"><a href="http://info.textile.hc360.com/zt/mlllqs/index.shtml" target="_blank"></a></li>
          <li _src="url(http://img02.hc360.com/b2b/201709/201709051551026010.jpg)" style="background:#fff center 0 no-repeat;"><a href="http://info.b2b.hc360.com/2017/09/051539127328.shtml" target="_blank"></a></li>
          <li _src="url(http://img02.hc360.com/b2b/201709/201709111024212264.jpg)" style="background:#fff center 0 no-repeat;"><a href="http://info.b2b.hc360.com/2017/09/111017128428.shtml" target="_blank"></a></li>
          <li _src="url(http://img02.hc360.com/b2b/201709/201709111024216115.jpg)" style="background:#fff center 0 no-repeat;"><a href="http://info.b2b.hc360.com/2017/09/110927128608.shtml" target="_blank"></a></li>
        </ul>
      </div>
      <div class="hd">
        <ul>
        </ul>
      </div>
      <span class="prev"></span> <span class="next"></span> </div>
  </div>
  <div class="main_1_right">
    <h2>热门排行</h2>
    <div class="top_pm">
                    <ul>
                          <li><a href="#" target="_blank">7月份汽车销量投诉量有没有你的爱车呢</a></li>
                          <li><a href="#" target="_blank">7月份汽车销量投诉量有没有你的爱车呢</a></li>
                          <li><a href="#" target="_blank">7月份汽车销量投诉量有没有你的爱车呢</a></li>
                          <li><a href="#" target="_blank">7月份汽车销量投诉量有没有你的爱车呢</a></li>
                          <li><a href="#" target="_blank">7月份汽车销量投诉量有没有你的爱车呢</a></li>
                          <li><a href="#" target="_blank">7月份汽车销量投诉量有没有你的爱车呢</a></li>
                          <li><a href="#" target="_blank">7月份汽车销量投诉量有没有你的爱车呢</a></li>
                          <li><a href="#" target="_blank">7月份汽车销量投诉量有没有你的爱车呢</a></li>
                    </ul>
       </div>
  </div>
</div>

 

<script type="text/javascript">
jQuery(".fullSlide").hover(function() {
    jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
},
function() {
    jQuery(this).find(".prev,.next").fadeOut()
});
jQuery(".fullSlide").slide({
    titCell: ".hd ul",
    mainCell: ".bd ul",
    effect: "fold",
    autoPlay: true,
    autoPage: true,
    trigger: "click",
    startFun: function(i) {
        var curLi = jQuery(".fullSlide .bd li").eq(i);
        if ( !! curLi.attr("_src")) {
            curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
        }
    }
});
</script>
<script>
$(document).ready(function(){
    
     $(window).scroll(function(){
        if($(this).scrollTop()>1000){
           $(".left_box1").css("display","block");
        }else{
           $(".left_box1").css("display","none");
        };    
     });
    
    
/*    $("#top1").click(function(){
        $('body,html').animate({scrollTop:0},600);
       return false;
    });*/

});
</script>

 

posted @ 2019-11-29 16:33  南瓜小园  阅读(135)  评论(0编辑  收藏  举报