bo-blog 2.1.1 鼠标悬停提示超链接特效


一、进入后台-模块配置,新建一个<head>模块,并输入以下代码:
<link rel="stylesheet" rev="stylesheet" href="plugin/LinkEffects/sweetTitles.css" type="text/css" media="all" />
<script type="text/javascript" src="plugin/LinkEffects/nicetitle.js"></script>

二、把以下两个代码保存为红色文件名传到此目录 plugin/LinkEffects/ 不存在请创建。
sweetTitles.css
#wbc_online {
margin-bottom: 10px! important;
}
#wbc_online UL {
clear: both;
padding-right: 0px;
padding-left: 0px;
float: none;
padding-bottom: 0px;
margin: 2px 0px;
width: 100%;
padding-top: 0px;
list-style-type: none;
}
#wbc_online UL LI {
font-size: 15px;
float: left;
margin: 3px;
width: 20%;
}
BODY DIV#toolTip {
padding-right: 5px;
padding-left: 5px;
z-index: 140ff40;
min-height: 1em;
padding-bottom: 5px;
width: auto;
padding-top: 5px;
position: absolute;
text-align: left;
-moz-border-radius: 10px;
background: #000;
}
BODY DIV#toolTip P {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
font-size: 14px;
color: #fff;
padding-top: 0px;
background: #000;
}
BODY DIV#toolTip P EM {
margin-top: 3px;
display: block;
color: #669900;
font-style: normal;
background: #000;
}
BODY DIV#toolTip P EM SPAN {
font-size: 14px;
color: #ff9900;
background: #000;
}


nicetitle.js

Array.prototype.inArray = function (value) 
{

var i;
for (i=0; i < this.length; i++)
{
if (this[i] === value)
{

return true;

}

}

return false;
};

function addEvent( obj, type, fn )
{

if (obj.addEventListener)
{

obj.addEventListener( type, fn, false );

EventCache.add(obj, type, fn);

}

else if (obj.attachEvent)
{

obj["e"+type+fn] = fn;

obj[type+fn] = function()
{
obj["e"+type+fn]( window.event );
}

obj.attachEvent( "on"+type, obj[type+fn] );

EventCache.add(obj, type, fn);

}
else
{

obj["on"+type] = obj["e"+type+fn];

}
}

var EventCache = function(){

var listEvents = [];

return {

listEvents : listEvents,

add : function(node, sEventName, fHandler)
{

listEvents.push(arguments);

},

flush : function()
{

var i, item;

for(i = listEvents.length - 1; i >= 0; i = i - 1)
{

item = listEvents[i];

if(item[0].removeEventListener)
{

item[0].removeEventListener(item[1], item[2], item[3]);

};

if(item[1].substring(0, 2) != "on")
{

item[1] = "on" + item[1];

};

if(item[0].detachEvent)
{

item[0].detachEvent(item[1], item[2]);

};

item[0][item[1]] = null;

};

}

};
}();

var sweetTitles =
{
xCord : 0,
yCord : 0,
tipElements : ['a','abbr','acronym'],
obj : Object,
tip : Object,
active : 0,
init : function()
{
if ( !document.getElementById || !document.createElement || !document.getElementsByTagName )
{
return;
}
var i,j;
this.tip = document.createElement('div');
this.tip.id = 'toolTip';
document.getElementsByTagName('body')[0].appendChild(this.tip);
this.tip.style.top = '0';
this.tip.style.visibility = 'hidden';
var tipLen = this.tipElements.length;
for ( i=0; i<tipLen; i++ )
{
var current = document.getElementsByTagName(this.tipElements[i]);
var curLen = current.length;
for ( j=0; j<curLen; j++ )
{
addEvent(current[j],'mouseover',this.tipOver);
addEvent(current[j],'mouseout',this.tipOut);
current[j].setAttribute('tip',current[j].title);
current[j].removeAttribute('title');
}
}
},
updateXY : function(e)
{
if ( document.captureEvents )
{
sweetTitles.xCord = e.pageX;
sweetTitles.yCord = e.pageY;
}
else if ( window.event.clientX )
{
sweetTitles.xCord = window.event.clientX+document.documentElement.scrollLeft;
sweetTitles.yCord = window.event.clientY+document.documentElement.scrollTop;
}
},
tipOut: function()
{
if ( window.tID )
{
clearTimeout(tID);
}
if ( window.opacityID )
{
clearTimeout(opacityID);
}
sweetTitles.tip.style.visibility = 'hidden';
},
checkNode : function()
{
var trueObj = this.obj;
if ( this.tipElements.inArray(trueObj.nodeName.toLowerCase()) )
{
return trueObj;
}
else
{
return trueObj.parentNode;
}
},
tipOver : function(e)
{
sweetTitles.obj = this;
tID = window.setTimeout("sweetTitles.tipShow()",1);
sweetTitles.updateXY(e);
},
tipShow : function()
{
var scrX = Number(this.xCord);
var scrY = Number(this.yCord);
var tp = parseInt(scrY+15);
var lt = parseInt(scrX+10);
var anch = this.checkNode();
var addy = '';
var access = '';
if ( anch.nodeName.toLowerCase() == 'a')
{
var host = location.hostname.toString();
var pattern = new RegExp("({entryrelurl}?)"+host,"gi");

var fullPath = anch.href.toString();

var path = fullPath.replace(pattern,'');
if(anch.href.toString().indexOf("javascript:")==-1)
{
addy ="Link to: <span>"+ (path.length > 80 ? path.toString().substring(0,80)+"...</span>" : path);
}
var access = ( anch.accessKey ? ' 快捷键:<span>['+anch.accessKey+']</span><br/> ' : '' );
}
else
{
addy = anch.firstChild.nodeValue;
}
this.tip.innerHTML = "<p>"+anch.getAttribute('tip')+"<em>"+access+addy+"</em></p>";
if ( parseInt(document.documentElement.clientWidth+document.documentElement.scrollLeft) < parseInt(this.tip.offsetWidth+lt) )
{
this.tip.style.left = parseInt(lt-(this.tip.offsetWidth+10))+'px';
}
else
{
this.tip.style.left = lt+'px';
}
if ( parseInt(document.documentElement.clientHeight+document.documentElement.scrollTop) < parseInt(this.tip.offsetHeight+tp) )
{
this.tip.style.top = parseInt(tp-(this.tip.offsetHeight+10))+'px';
}
else
{
this.tip.style.top = tp+'px';
}
this.tip.style.visibility = 'visible';
this.tip.style.opacity = '.80';
this.tip.style.filter = "alpha(opacity:80)";
},
tipFade: function(opac)
{
var passed = parseInt(opac);
var newOpac = parseInt(passed+20);
if ( newOpac < 80 )
{
this.tip.style.opacity = '.'+newOpac;
this.tip.style.filter = "alpha(opacity:"+newOpac+")";
opacityID = window.setTimeout("sweetTitles.tipFade('"+newOpac+"')",1);
}
else
{
this.tip.style.opacity = '.80';
this.tip.style.filter = "alpha(opacity:80)";
}
}
};
function pageLoader()
{
sweetTitles.init();
}
addEvent(window,'load',pageLoader);
文章附属文件

文件名称: 20180105115139215902.png

文件大小:2.12 KB

文件签名:33BBA8D36D21490FDAC4973E4E8DA7D52113AA41

评论列表

Alex
没有效果啊。
2010-11-18 23:25:30
试试
哈哈
2010-09-10 17:31:52