0顶

鼠标移上去显示半透明并带边框的链接

稿源：互联网 2022-05-07 15:27:16 点击： 1899 撤稿纠错

鼠标移上去显示半透明并带边框的链接，可自定义颜色。

以下讨论的是和链接透明特效相关的鼠标移上去显示半透明并带边框的链接教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

要完成此效果把如下代码加入到<body>区域中

_tipWidth = 180;         // 提示框的寬度
    var    _tipBorder = 2,      // 提示框边框的寬度
    _tipTFC = "#FFF8F0",  
    _tipTBC = "#ff8c00",      // 提示框边框的顏色
    _tipMFC = "#3F3F38",
    _tipMBC = "ffffff";      // 提示框背景的顏色
    
    if (_ua == "foo") return;
    _tip.innerHTML    = '<TABLE CELLPADDING="'+_tipBorder+'" CELLSPACING="0" WIDTH="'+_tipWidth+'" BORDER="0" BGCOLOR="'+_tipTBC+'"><TR><TD>'
            + ((sTitle != null) ? '<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="100%" BORDER="0"><TR><TD STYLE="padding-top:2px;padding-bottom:2px;font:8pt Arial,Verdana,Tahoma;color:'+_tipTFC+'">'+sTitle+'</TD></TR></TABLE>' : '')
            + '<TABLE CELLPADDING="2" CELLSPACING="0" WIDTH="100%" BORDER="0" BGCOLOR="'+_tipMBC+'"><TR><TD STYLE="color:'+_tipMFC+';font:normal 8pt Arial,Verdana,Tahoma">'+sMsg+'</TD></TR></TABLE></TD></TR></TABLE>';
    annie();
    _tip.style.display = "";
}

function annie() {
    _tip.style.pixelTop = _tipy;
    _tip.style.pixelLeft = _tipx;
}

function tsai900403 () {
    _tip.style.display = "none";
}

document.write('<A HREF="http://free.alixixi.com/" ONMOUSEOVER="tsaiannie('看到了<font color=#ff1493>效果</font>了吗？' )" ONMOUSEOUT="tsai900403()" target="_blank">鼠标移过来看效果</A><DIV></DIV>');
</script>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于鼠标移上去显示半透明并带边框的链接的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807151374.shtml方便下次再访问哦。

·上一篇： 跟随鼠标旋转的文字
·下一篇： 鼠标移动到文字处显示图片效果

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

鼠标移上去显示半透明并带边框的链接

文章分类LIST >>返回首页

最新游戏

最新新闻