提示层半透明特效

稿源：互联网 2022-07-22 21:11:24 点击： 1306 撤稿纠错

鼠标经过链接时弹出一个半透明效果的提示层，您可以自定义样式。

以下讨论的是和相关的提示层半透明特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

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

<BODY>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<script language="JavaScript">
if ( had_tips != 1 ) {
var _ua = document.all ? ((navigator.userAgent.indexOf('MSIE 5') > 5) ? "ie5" : "ie4") : "foo";
if (_ua != "foo" ) {
if (typeof(_doc) == "undefined" || _doc == null) _doc = document;
var _tipx = 0;
var _tipy = 0;
var _tipOX = 10;
var _tipOY = 1;
var _tipWidth;
// Opacity=70 提示框背景透明度
_doc.write('<DIV ID="TIP__" STYLE="filter:Alpha(Opacity=70,style=1,Finishopacity=80);position:absolute;display:none;z-index:100"></DIV>');
_doc.onmousemove = tsai;
var _tip = _doc.all['TIP__'];
}
}
var had_tips = 1;
function tsaiannie (sMsg, sTitle, iWidth, iHeight, iBorder, sTFC, sTBC, sMFC, sMBC) {
_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 tsai() {
if (_ua == "ie4") {
_tipx = event.x;
_tipy = event.y;
} else if (_ua == "ie5") {
_tipx = (event.clientX + _tipOX + _tipWidth <= _doc.body.clientWidth) ?
(event.clientX + _doc.body.scrollLeft + _tipOX) :
(event.clientX + _doc.body.scrollLeft - _tipWidth - 5);
_tipy = event.clientY + _doc.body.scrollTop + _tipOY;
} else {
return;
}
if (_tip.style.display != "none") annie();
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function annie() {
_tip.style.pixelTop = _tipy;
_tip.style.pixelLeft = _tipx;
}
function tsai900403 () {
_tip.style.display = "none";
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
document.write('<A HREF="<#ZC_BLOG_HOST#>" ONMOUSEOVER="tsaiannie('看到了<font color=#ff1493>效果</font>了吗？' )" ONMOUSEOUT="tsai900403()" target="_blank">鼠标移过来看效果</A><DIV></DIV>');
</script>
</BODY>

关于提示层半透明特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016406563437.shtml方便下次再访问哦。

·上一篇： 当前页面搜索功能
·下一篇： 文章中文字包围图片特效

提示层半透明特效

文章分类LIST >>返回首页

最新游戏

最新新闻