credits [b]Dynamic Drive[/b] This is a generic fader script that can be applied to element(s) on the page to make them gradually fade into view when the mouse rolls over them, and fade out when out. just paste this on your js extension [spoiler]/*********************************************** * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/ var gradualFader={} gradualFader.baseopacity=[b]0.10[/b] gradualFader.increment=0.2 document.write('<style type="text/css">\n') document.write('.commonbox{filter:progid:DXImageTransform.Microsoft.alpha(opacity=' +gradualFader.baseopacity*100+'); -moz-opacity:'+gradualFader.baseopacity+'; opacity:'+gradualFader.baseopacity+';}\n') document.write('</style>') gradualFader.setopacity=function(obj, value){ var targetobject=obj if (targetobject && targetobject.filters && targetobject.filters[0]){ if (typeof targetobject.filters[0].opacity=="number") targetobject.filters[0].opacity=value*100 else targetobject.style.filter="alpha(opacity="+value*100+")" } else if (targetobject && typeof targetobject.style.MozOpacity!="undefined") targetobject.style.MozOpacity=value else if (targetobject && typeof targetobject.style.opacity!="undefined") targetobject.style.opacity=value targetobject.currentopacity=value } gradualFader.fadeupdown=function(obj, direction){ var targetobject=obj var fadeamount=(direction=="fadeup")? this.increment : -this.increment if (targetobject && (direction=="fadeup" && targetobject.currentopacity<1 || direction=="fadedown" && targetobject.currentopacity>this.baseopacity)){ this.setopacity(obj, targetobject.currentopacity+fadeamount) window["opacityfader"+obj._fadeorder]=setTimeout(function(){gradualFader.fadeupdown(obj, direction)}, 50) } } gradualFader.clearTimer=function(obj){ if (typeof window["opacityfader"+obj._fadeorder]!="undefined") clearTimeout(window["opacityfader"+obj._fadeorder]) } gradualFader.isContained=function(m, e){ var e=window.event || e var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement) while (c && c!=m)try {c=c.parentNode} catch(e){c=m} if (c==m) return true else return false } gradualFader.fadeinterface=function(obj, e, direction){ if (!this.isContained(obj, e)){ gradualFader.clearTimer(obj) gradualFader.fadeupdown(obj, direction) } } gradualFader.collectElementbyClass=function(classname){ var classnameRE=new RegExp("(^|\\s+)"+classname+"($|\\s+)", "i") var pieces=[] var alltags=document.all? document.all : document.getElementsByTagName("*") for (var i=0; i<alltags.length; i++){ if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1) pieces[pieces.length]=alltags[i] } return pieces } gradualFader.init=function(){ var targetobjects=this.collectElementbyClass("commonbox") for (var i=0; i<targetobjects.length; i++){ targetobjects[i]._fadeorder=i this.setopacity(targetobjects[i], this.baseopacity) targetobjects[i].onmouseover=function(e){gradualFader.fadeinterface(this, e, "fadeup")} targetobjects[i].onmouseout=function(e){gradualFader.fadeinterface(this, e, "fadedown")} } } gradualFader.init()[/spoiler] just edit the bold part with the value of opacity you like for tracker & add boxes, just insert this at the bottom of your Onload Handler [quote]gradualFader.init()[/quote] so it will look like this [quote]if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()}; function onProfileLoad() { other codes inside onloadhandler.................... other codes inside onloadhandler.................... other codes inside onloadhandler.................... other codes inside onloadhandler.................... [b]gradualFader.init()[/b] }<--end of the onloadhandler[/i][/quote] [url=http://profiles.friendster.com/62346457]Freeview[/url]

Last edited by simpleMe (2008-11-23 07:35:16)