windows 快速链接效果2

来源：互联网发布：mv制作软件哪个最好编辑：程序博客网时间：2024/05/29 23:22

html.html

<html>

ql.js

var mvqTimeout = 125;
var mvqPContent;
var mvqGTlb;
var mvqPDisplayed = false;
var mvqPDiv, mvqPStyle;
var mvqIsIE;
var mvqPTd;

var mvqXmlHttp = new Object();
var mvqHost = document.location.hostname;
var mvqProtocol = document.location.protocol;

var msvi_qllc = "zh-cn";
var msvi_qldir = "LTR";
var msvi_qlhost = "http://www.microsoft.com";

mvqPContent ='<table cellpadding="0" cellspacing="0" border="0" id="msviQL" onmouseover="mvqPClearHide();" onmouseout="mvqPDecideHide(event);" dir="LTR" onfocusout="mvqFOu();"><tr valign="top"><td><div><h5>产品家族</h5><ul><li><a href="http://www.microsoft.com/china/office/">Office</a></li><li><a href="http://www.microsoft.com/china/windows/">Windows</a></li><li><a href="http://www.microsoft.com/china/windowsserversystem/">Windows Server System</a></li><li><a href="http://www.microsoft.com/china/windowsmobile/">Windows Mobile</a></li><li><a href="http://www.microsoft.com/china/msdn/">开发工具</a></li><li><a href="http://www.microsoft.com/china/BusinessSolutions/">商务管理解决方案(MBS)</a></li><li><a href="http://www.msn.com.cn">MSN</a></li></ul></div></td><td><div><h5>产品资源</h5><ul><li><a href="http://update.microsoft.com/">Microsoft Update</a></li><li><a href="http://office.microsoft.com/zh-cn/default.aspx">Office Update</a></li><li><a href="http://www.microsoft.com/china/downloads/">下载中心</a></li><li><a href="http://support.microsoft.com/">客户帮助与支持</a></li><li><a href="http://www.microsoft.com/china/security/">安全性与隐私保护</a></li><li><a href="http://www.microsoft.com/china/community/">微软中文社区</a></li><li><a href="http://www.microsoft.com/china/learning/">教育培训与认证</a></li><li><a href="http://www.microsoft.com/china/events/">活动与培训</a></li></ul><p class="msviqlspacer"></p><h5>关于微软</h5><ul><li><a href="http://www.microsoft.com/china/mscorp/">微软总部</a></li><li><a href="http://www.microsoft.com/china/info/">微软中国</a></li><li><a href="http://www.microsoft.com/china/press/">新闻报道</a></li></ul></div></td><td><div><h5>热门栏目</h5><ul><li><a href="http://www.microsoft.com/china/msdn/">MSDN</a></li><li><a href="http://www.microsoft.com/china/technet/">TechNet</a></li><li><a href="http://www.microsoft.com/china/business/">企业用户</a></li><li><a href="http://www.microsoft.com/china/partner/">合作伙伴</a></li><li><a href="http://www.microsoft.com/china/hardware/">硬件产品</a></li><li><a href="http://www.microsoft.com/products/info/default.aspx?view=2">所有产品</a></li><li><a href="http://www.microsoft.com/library/toolbar/3.0/sitemap/zh-cn.mspx">Microsoft.com 站点地图111</a></li></ul></div></td></tr></table>';

mvqXmlHttp.url ="";
mvqXmlHttp.url = "http://www.microsoft.com/library/toolbar/3.0/quicklinks/ql.ashx?lc=zh-cn";
mvqXmlHttp.initialized = false;
mvqXmlHttp.callback = mvqPanel;
mvqXmlHttp.timer = 25;

if(document.all)
mvqIsIE = true;
else
mvqIsIE = false;

function mvqPDir()
{
    if(mvqPDiv && msvi_qldir == "RTL")
    {
        mvqPContent = mvqPContent.replace("dir=/"LTR/"", "dir=/"" + msvi_qldir + "/"");
    }
}

function mvqPSetDisplay(value)
{
mvqPDisplayed = value;
}

function mvqPAnimate(bOpen)
{
    var animAdj;

    if(msvi_qldir == "RTL")
        animAdj = new Array(165, 165, 165);
    else
        animAdj = new Array(50, 100, 150);

    var animDelay = new Array(50, 75, 100);
    var arr = mvqPGetAnimateArr();
    if(bOpen)
    {
        for(i=0; i<arr.length; i++)
          window.setTimeout("mvqPShow('" + arr[i] + "'," + animAdj[i] + ")", animDelay[i]);
    }
    else
    {
        animDelay = animDelay.reverse();
        for(i=0; i<arr.length; i++)
            window.setTimeout("mvqPShow('" + arr[i] + "'," + animAdj[i] + ")", animDelay[i]);

window.setTimeout(mvqPReset, mvqTimeout-20);
}
}

function mvqPReset()
{
    mvqPStyle.visibility = "hidden";
    mvqPStyle.display = "none";
    mvqPSetDisplay(false);
}

function mvqPGetAnimateArr()
{
    var arr = new Array(3);
    arr[0] = '<div style=/"width:125px;height:50px;border:solid 1px #999999/"></div>';
    arr[1] = '<div style=/"width:250px;height:100px;border:solid 1px #999999/"></div>';
    arr[2] = '<div style=/"width:375px;height:200px;border:solid 1px #999999/"></div>';
    return arr;
}

function mvqPHideEle(boolHide)
{
window.setTimeout("mvqPHideEle1('OBJECT'," + boolHide + ")", mvqTimeout);
window.setTimeout("mvqPHideEle1('SELECT'," + boolHide + ")", mvqTimeout+1);
}

function mvqPVerifyOverlap(tbl, overlapElm)
{
    var p1 = new mvqPDimension(overlapElm);
    var p = new mvqPDimension(tbl);
    return ( ((p.left + p.width) > p1.left) && (p.left < (p1.left + p1.width)) && (p.top < (p1.top - overlapElm.offsetTop + p1.height)) && ((p.top + p.height) > (p1.top - overlapElm.offsetTop)) );
}

function mvqGetContent()
{
mvqXmlHttp.initialized = true;

function mvqPClearHide()
{
    if (typeof delayHide != "undefined")
    {
         clearTimeout(delayHide);
    }
}

function mvqPDecideHide(e)
{
    if(typeof mvqcb != "undefined") clearTimeout(mvqcb);
    e = (e) ? e : (window.event ? window.event : "");
    if(e)
    {
        if (mvqIsIE && !mvqPTd.contains(e.toElement)) mvqPDelayHide();
        else if (!mvqIsIE && !mvqPCheckParent(e.currentTarget, e.relatedTarget)) mvqPDelayHide();
    }
}

function mvqPDelayHide()
{
delayHide = setTimeout(mvqPHide, mvqTimeout);
}

function mvqPCheckParent(a, b)
{
    while(b)
    {
        if (b == a) return true;
        b = b.parentNode;
    }
    return false;
}

window.onresize = mvqPDelayHide;
mvqAEvt(window, "load", mvqInit);

function mvqInit()
{
    mvqPTd = document.getElementById("panelTd");
    if(mvqPTd)
    {
        var aElm = mvqPTd.getElementsByTagName("a");
        if(aElm) aElm[0].href = "javascript:void(0)";

        mvqAEvt(mvqPTd, "mouseover", mvqMOv);
        mvqAEvt(mvqPTd, "mouseout", mvqMOu);
        mvqAEvt(mvqPTd, "keypress", mvqKPr);

        if(mvqIsIE)
        {
            mvqAEvt(aElm[0], "focus", mvqMOv);
            mvqAEvt(aElm[0], "focusout", mvqFOu);
        }
        if(!mvqIsIE)
        {
            mvqAEvt(mvqPTd, "focus", mvqMOv);
            mvqAEvt(mvqPTd, "blur", mvqFOu);
        }
    }
}

function mvqAEvt(oName, eName, fName)
{
if(window.attachEvent) oName.attachEvent("on" + eName, fName);
if(window.addEventListener) oName.addEventListener(eName, fName, false);
}

function mvqKPr()
{
    var e = (e) ? e : (window.event ? window.event : "");
    if(e)
    {
        if(e.which == 13 && !mvqIsIE || e.keyCode == 13 && mvqIsIE) mvqMOv();
    }
}

function mvqMOv()
{
    if(mvqPTd)
    {
        mvqPTd.className = 'gt1';
        mvqPanel();
    }
}

function mvqMOu()
{
    if(mvqPTd)
    {
        mvqPTd.className = 'gt0';
        if(mvqIsIE) mvqPDecideHide();
        if(!mvqIsIE) mvqPTd.onmouseout = mvqPDecideHide;
    }
}

function mvqFOu()
{
    if(mvqPTd)
    {
        mvqPTd.className = 'gt0';
        if(mvqIsIE) mvqPDecideHide();
        if(!mvqIsIE) mvqPTd.onblur = mvqPDecideHide;
    }
}

////
ql.css

#msviQL
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0px 2px 0px 9px;
margin: 0px;
width: 463px;
border-style: solid;
border-color: #999999;
border-width: 1px 2px 2px 1px;
background-color: #ffffff;
color:#000000;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#a9a9a9,direction=135, strength=3);
}

#msviQL h5
{
font-size: 65%;
font-weight: bold;
margin: 8px 0px 2px 0px;
color: #003399;
}

#msviQL td.msviqlhrtd
{
padding:0px 0px 0px 6px;
}

#msviQL tr > td.msviqlhrtd
{
padding: 3px 0px;
}

#msviQL td
{
margin: 0px;
padding: 0px;
font-size: 100%;
}

#msviQL td div
{
width: 143px;
padding: 0px 0px 5px 0px;
margin:0px 0px 0px 7px;
}

#msviQL p.msviqlspacer
{
padding:7px 0px 0px 0px;
margin:0px;
}

#msviQL tr > td > div
{
width: 143px;
padding: 0px 7px 5px 0px;
margin: 0px;
}

#msviQL tr > td > hr
{
color: #d0e0f0;
width: 100%;
margin: 0px;
background-color: #d0e0f0;
height: 1px;
}

#msviQL tr td hr
{
color: #d0e0f0;
width: 99%;
margin: -3px;
padding: 0px;
height: 1px;
overflow: hidden;
}

#msviQL ul
{
margin: 0px;
padding:0px;
display: block;
list-style-type: none;
font-size:100%;
background-image:none;
list-style-image:none;
}

#msviQL li
{
width: 143px;
display: block;
margin:0px 0px 1px 0px;
list-style-type: none;
font-size:100%;
background-image:none;
padding:0px;
list-style-image:none;
}

#msviQL li a
{
color: #000000;
text-decoration: none;
padding: 1px 0px 1px 3px;
display: block;
vertical-align: middle;
border: solid 1px #ffffff;
height: 11px;
font-size: 65%;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
}

#msviQL a:hover
{
border: solid 1px #a2c5eb;
background-color: #f0f7fd;
cursor: pointer;
vertical-align: middle;
display: block;
}

#msviQL div > ul > li > a:hover, #msviQL div > ul > li > a
{
height: auto;
}