为了账号安全,请及时绑定邮箱和手机立即绑定

请问如何修改网页首页的图片为全屏,并能进行图片转换

<script type=text/javascript>


var t = n = 0, count = $(".content a").size();


$(function(){


var play = ".play";


var playText = ".play .text";


var playNum = ".play .num a";


var playConcent = ".play .content a";



$(playConcent + ":not(:first)").hide();


$(playText).html($(playConcent + ":first").find("img").attr("alt"));


$(playNum + ":first").addClass("on");


$(playText).click(function(){window.open($(playConcent + ":first").attr('href'), "_blank")});


$(playNum).click(function() {


  var i = $(this).text() - 1;


  n = i;


  if (i >= count) return;


  $(playText).html($(playConcent).eq(i).find("img").attr('alt'));


  $(playText).unbind().click(function(){window.open($(playConcent).eq(i).attr('href'), "_blank")})


  $(playConcent).filter(":visible").hide().parent().children().eq(i).fadeIn(1200);


  $(this).removeClass("on").siblings().removeClass("on");


  $(this).removeClass("on2").siblings().removeClass("on2");


  $(this).addClass("on").siblings().addClass("on2");


});


t = setInterval("showAuto()", 5000);


$(play).hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 5000);});


})


function showAuto(){


n = n >= (count - 1) ? 0 : ++n;


$(".num a").eq(n).trigger('click');


}


</script>

<script type=text/javascript>


var t = n = 0, count = $(".content a").size();


$(function(){


var play = ".play";


var playText = ".play .text";


var playNum = ".play .num a";


var playConcent = ".play .content a";



$(playConcent + ":not(:first)").hide();


$(playText).html($(playConcent + ":first").find("img").attr("alt"));


$(playNum + ":first").addClass("on");


$(playText).click(function(){window.open($(playConcent + ":first").attr('href'), "_blank")});


$(playNum).click(function() {


  var i = $(this).text() - 1;


  n = i;


  if (i >= count) return;


  $(playText).html($(playConcent).eq(i).find("img").attr('alt'));


  $(playText).unbind().click(function(){window.open($(playConcent).eq(i).attr('href'), "_blank")})


  $(playConcent).filter(":visible").hide().parent().children().eq(i).fadeIn(1200);


  $(this).removeClass("on").siblings().removeClass("on");


  $(this).removeClass("on2").siblings().removeClass("on2");


  $(this).addClass("on").siblings().addClass("on2");


});


t = setInterval("showAuto()", 5000);


$(play).hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 5000);});


})


function showAuto(){


n = n >= (count - 1) ? 0 : ++n;


$(".num a").eq(n).trigger('click');


}


</script>


正在回答

1 回答

fullpage.js

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
FullPage.js全屏滚动插件
  • 参与学习       43807    人
  • 解答问题       217    个

基于jQuery的全屏滚动效果插件,让翻页显得格外的高端大气上档次

进入课程

请问如何修改网页首页的图片为全屏,并能进行图片转换

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号