手机底部漂浮自适应js到吗

admin 2017-7-7 1121

(function () {
    var imgs = [
        "http://cdn1.res.nx5.com/u/img/20170622/img$20170622$ca1bffae8a4a008ec3a7246a33b7a3d2.gif",
        "http://cdn1.res.nx5.com/u/img/20170619/img$20170619$024cda5ec1bb6995bd8bc7587d94f891.jpg",
        "http://cdn1.res.nx5.com/u/img/20170615/img$20170615$2cd27665bcf63c97b086c6b78334520e.gif",
        "http://cdn1.res.nx5.com/u/img/20170615/img$20170615$15ca1e9bbd09af4a7b542a3302d21075.gif",
        "http://cdn1.res.nx5.com/u/img/20170523/zmimg76d56c248def48d4f99e4c046dfee5f3.jpg",
        "http://cdn1.res.nx5.com/u/img/20170421/zmimg9a20ce7e22966cb87693975f794ede3a.jpg",
        "http://cdn1.res.nx5.com/u/img/20170119/zmimg14495b472c2c8c4239b62ee629bf383c.jpg"
    ]
    var linkA = ["http://ylzx.net/",];
    var linkI = ["http://flyl.net/"];
    function getPlatform() { var res = {}; res.isPC = true; var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { res.platform = Agents[v]; res.isPC = false; break } } return res } var curPlatform = getPlatform(); function randomId() { var a = 65, b = 97, c = ""; for (var i = 0; i < 6; i++) { if (i % 2 == 0) { c = c + String.fromCharCode(a + Math.floor(Math.random() * 26)) } else { c = c + String.fromCharCode(b + Math.floor(Math.random() * 26)) } } c = c + "_" + new Date().getTime().toString(16).substr(3); return c } var eid = randomId(); function addCss(ele, css) { var newStyle = document.createElement("style"); newStyle.type = "text/css"; if (newStyle.styleSheet) { newStyle.styleSheet.cssText = css } else { newStyle.innerHTML = css } ele.appendChild(newStyle) } function creatIt(imgs, link, slideTime) { var a = ""; a = a + "<li>" + "<a style='' href='" + link + "'>" + "<img style='display:block;width:100%;' src='" + imgs + "'>"; "</a>" + "</li>"; var newHTML = "<ul>" + a + "</ul>"; var newDiv = document.createElement("div"); newDiv.id = eid; newDiv.innerHTML = newHTML; var mycss = "@-webkit-keyframes " + eid + "fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}" + "#" + eid + " {position:fixed;bottom:0;left:0;width:100%;}" + "#" + eid + " ul{list-style:none;padding:0;margin:0;}" + "#" + eid + " ul li{display:block;width:100%;}" + "#" + eid + " ul li{display:none;animation:" + eid + "fadeIn .2s linear;}" + "#" + eid + " ul li:first-child{display:block;}" + "#" + eid + " ul li a{position:relative;display:block;width:100%;}" + "#" + eid + " ul li a img{display:block;width:100%;}"; addCss(document.getElementsByTagName("head")[0], mycss); document.querySelectorAll("body")[0].appendChild(newDiv); var himg = document.querySelectorAll("#" + eid + " img"); himg[0].onload = function () { console.log("sss"); if (document.querySelector("#" + eid + "_zw")) { return } else { var zw = document.createElement("div"); zw.id = "#" + eid + "_zw"; zw.style.height = himg[0].clientHeight + "px"; document.querySelectorAll("body")[0].appendChild(zw) } } } var r = Math.floor(Math.random() * imgs.length); if (curPlatform.platform === "Android") { creatIt(imgs[r], linkA) } else { if (curPlatform.platform === "iPhone") { creatIt(imgs[r], linkI) } };
}());


欢迎联系本站长QQ:3216572
最新回复 (0)
返回