急急急，这个代码要怎么修改才能达到这样的效果

本帖最后由 okok911 于 2011-08-21 12:03:08 编辑

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
    var isLocked = true;
    window.onload = function() {
    var toolTip = null;
    var aLink = document.getElementById("aLink");
    aLink.onclick = function() {
    return !isLocked;
    };
    new ToolTip(aLink, "下载请点击解除锁定");
    var lockBtn = document.getElementById("btn");
    lockBtn.onclick = function() {
    isLocked = false;
    };};function ToolTip(targetObject, value) {
    var toolTip = null;

    targetObject.onmousemove = function(e) {

    if (!toolTip) {

    toolTip = document.createElement("div");
    toolTip.style.fontSize = "12px";
    toolTip.style.borderStyle = "solid";
    toolTip.style.borderWidth = "1px";
    toolTip.style.position = "absolute";
    toolTip.style.backgroundColor = "#ffffff";
    var text = document.createTextNode(value);
    toolTip.appendChild(text);
    }
    var pos = mousePosition(e);
    toolTip.style.display = "";
    toolTip.style.left = (pos.x + 10) + "px";
    toolTip.style.top = (pos.y + 3) + "px";
    toolTip.style.zIndex = 100000;
    document.body.appendChild(toolTip);
    }

    targetObject.onmouseout = function() {
    toolTip.style.display = "none";
    }
    function mousePosition(e) {
    var event = e || window.event;
    if (event.pageX || event.pageY) {
    return {x:event.pageX, y:event.pageY};
    }
    return {
    x: event.clientX + document.body.scrollLeft - document.body.clientLeft,
    y: event.clientY + document.body.scrollTop - document.body.clientTop
    };
    }}</script>
    </head>
    <body>
    <div style="padding:4px;border-style:solid;border-color:#110000;border-width:1px;">
    <a id="aLink" href="http://www.baidu.com/attachme/23324906.rar">表格式记忆.rar</a>
    <input type="button" id="btn" value="接触锁定" />
    </div>
    </body>
    </html>