
更新时间:0000-00-00 00:00:00
兼容性较好的 全屏banner图代码 Html+js+CSS
{pboot:qrcode string=}
兼容性较好的 全屏banner图代码 Html+js+CSS.banner .d1 里的 top:0px; 删除掉 不然会顶上显示
适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
代码部分
function banner(){
var bn_id = 0;
var bn_id2= 1;
var speed33=5000;
var qhjg = 1;
var MyMar33;
$("#banner .d1").hide();
$("#banner .d1").eq(0).fadeIn("slow");
if($("#banner .d1").length>1)
{
$("#banner_id li").eq(0).addClass("nuw");
function Marquee33(){
bn_id2 = bn_id+1;
if(bn_id2>$("#banner .d1").length-1)
{
bn_id2 = 0;
}
$("#banner .d1").eq(bn_id).css("z-index","2");
$("#banner .d1").eq(bn_id2).css("z-index","1");
$("#banner .d1").eq(bn_id2).show();
$("#banner .d1").eq(bn_id).fadeOut("slow");
$("#banner_id li").removeClass("nuw");
$("#banner_id li").eq(bn_id2).addClass("nuw");
bn_id=bn_id2;
};
MyMar33=setInterval(Marquee33,speed33);
$("#banner_id li").click(function(){
var bn_id3 = $("#banner_id li").index(this);
if(bn_id3!=bn_id&&qhjg==1)
{
qhjg = 0;
$("#banner .d1").eq(bn_id).css("z-index","2");
$("#banner .d1").eq(bn_id3).css("z-index","1");
$("#banner .d1").eq(bn_id3).show();
$("#banner .d1").eq(bn_id).fadeOut("slow",function(){qhjg = 1;});
$("#banner_id li").removeClass("nuw");
$("#banner_id li").eq(bn_id3).addClass("nuw");
bn_id=bn_id3;
}
})
$("#banner_id").hover(
function(){
clearInterval(MyMar33);
}
,
function(){
MyMar33=setInterval(Marquee33,speed33);
}
)
}
else
{
$("#banner_id").hide();
}
}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
/* banner */
.banner{height:400px;overflow:hidden;}
.banner .d1{width:100%;height:392px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:360px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(images/img1_1.png) no-repeat center;}
本文手机访问二维码
- 代安装好 :30元/次
- 换logo公司信息 :180元/次
- 添加资料 :200元/次(信息量不超过400条)
- 仿站 :企业站600起,复杂站1200起,商城2000起
- 定制 :具体费用请咨询客服
- 如有需要请联系客服
- 服务器58元起 查看更多

