﻿
function InitTips(d1,d2) {
    CreateTips(d1,d2);
    var tip = new Tips();
    tip.initFloatTips("shaoqian");
    var tip1 = new Tips();
    tip1.initFloatTips("shaoqian1");
    var w = document.body.clientWidth;
    var left = parseInt(w.toString().replace('px', '')) - 130;
    document.getElementById("shaoqian1").style.left = left + "px";
}
function CreateTips(d1,d2) {
    var div1 = document.createElement("DIV");   
    div1.id = "shaoqian";
    div1.innerHTML = "<img src=" + d1 + "></img><div  style=\"width:25px; background-color:White; height:10px; margin-left:50px; background-image:url(" + d1 + "); cursor:pointer;font-size:12px;\" onclick=\"CloseTips();\">关闭</div>";
    var div2 = document.createElement("DIV");
    div2.id = "shaoqian1";
    div2.innerHTML = "<img src=" + d2 + "></img><div style=\"width:25px; background-color:White; height:10px;margin-left:50px; background-image:url(" + d2 + ");  cursor:pointer;font-size:12px;\" onclick=\"CloseTips();\">关闭</div>";
    document.getElementById("form1").appendChild(div1);
    document.getElementById("form1").appendChild(div2);
}
function CloseTips() {
    document.getElementById("shaoqian").style.display="none";
    document.getElementById("shaoqian1").style.display = "none";
}
function Tips() {
    var tips;
    var theTop = 350;
    var old = theTop;
    this.initFloatTips = function(id) {
        tips = document.getElementById(id);
        moveTips();
    };
    function moveTips() {
        var tt = 50;
        var pos = 0;
        if (window.innerHeight) {
            pos = window.pageYOffset
        }
        else if (document.documentElement && document.documentElement.scrollTop) {
            pos = document.documentElement.scrollTop
        }
        else if (document.body) {
            pos = document.body.scrollTop;
        }
        pos = pos - tips.offsetTop + theTop;

        pos = tips.offsetTop + pos / 10;
        if (pos < theTop) pos = theTop;
        if (pos != old) {
            tips.style.top = pos + "px";
            tt = 10;
        }
        old = pos;
        setTimeout(moveTips, tt);
    }

}
