手机(wap)网页底部固定悬浮广告带轮播特效代码

// 作者:xycms
// 网址:http://wwww.jsxyidc.com
// 日期:2019-03-3
// QQ:364500483
// code:网页底部悬浮广告代码,带单独关闭


var fc_fw="800px";  //广告宽度,单位px,如自适应宽度就改为100%;
var fc_fh="100px";    //广告高度,单位px
var fc_fsrc=['images/b1.jpg','images/b2.jpg','images/b3.jpg'];//图片地址[个数要和链接个数对应]
var fc_fl=['https://www.csdn.net/','https://www.csdn.net/','https://www.csdn.net/'];//图片链接地址[个数要和图片地址个数对应]


//样式
document.writeln("");

document.writeln("
"); document.writeln("
"); document.writeln("
    "); for(var k = 0; k < fc_fsrc.length; k++){ document.writeln("
  • "); } document.writeln("
"); document.writeln("
    "); for(var h = 0; h < fc_fsrc.length; h++){ if(h==0){ document.writeln("
  1. 1
  2. "); }else{ document.writeln("
  3. "+(h+1)+"
  4. "); } } document.writeln("
"); document.writeln("关闭X"); document.writeln("
"); document.writeln("
"); var f_skyf = document.getElementById('f_skyf'),f_str_f = document.getElementById('f_str_f'),flist_f = document.getElementById('flist_f').getElementsByTagName('li'),index_f = 0,time_f = null; // 若果有在等待的定时器,则清掉 if(time_f){ clearInterval(time_f); time_f = null; } // 自动切换 time_f = setInterval(autoPlayfoot, 2000); // 定义并调用自动播放函数 function autoPlayfoot(){ index_f++; if(index_f >= flist_f.length){ index_f = 0; } changeImg(index_f); } // 定义图片切换函数 function changeImg(curindex_f){ for(var j = 0; j < flist_f.length; j++){ flist_f[j].className = ""; //f_skyf.style.top=0; } // 改变当前显示索引 flist_f[curindex_f].className = "on"; f_str_f.style.marginTop = -fc_fh.substring(0,fc_fh.length-2)*curindex_f + "px"; //高度 index_f = curindex_f; } // 鼠标划过整个容器时停止自动播放 f_skyf.onmouseover = function(){ clearInterval(time_f); } // 鼠标离开整个容器时继续播放至下一张 f_skyf.onmouseout = function(){ time_f = setInterval(autoPlayfoot, 2000); } // 遍历所有数字导航实现划过切换至对应的图片 for (var i = 0; i < flist_f.length; i++){ flist_f[i].id = i; flist_f[i].onmouseover = function() { clearInterval(time_f); changeImg(this.id); } } var btn_closef = document.getElementById("btn_closef"); var f_div_f = document.getElementById("fc_foot"); btn_closef.onclick = function(){ if(f_div_f){ f_div_f.style.display = "none"; } }

 

你可能感兴趣的:(ASP,PHP,电子商务,底部悬浮,手机网页广告)