Вход в личный кабинет   Зарегистрировать аккаунт

Красивый хинт uCoz

Опубликовано 1-04-2013, 17:15 в разделе Лучшие скрипты для uCoz
Красивый хинт uCoz


Красивый хинт (подсказка при наведении курсора мыши) сайтов uCoz. Установка очень проста и не займет много времени, а результат порадует.

Установка:

 

Просто вставьте перед:

</head>


Следующий код:

<style>/* hint menu */.hint{background-color:#ff731b;line-height:10px;color:white;font-family:verdana,arial,helvetica;font-size:8pt;width:auto;border-top:1px solid white;border-right:1px solid white;border-bottom:1px solid white;border-left:1px solid white;margin:1px;padding:8px;position:absolute;visibility:hidden;}/* ---------------- */</style> <script>//Hint Start// CLASS : MW_System_Load// Initfunction MW_System_Load(){this.wib = screen.width;this.heb = screen.height;this.documes = (document.getElementById || document.createElement || document.getElementsByTagName) ? true : false;this.objects = window.addEventListener || window.attachEvent ? window : document.addEventListener ? document : null;this.types = 'load';}MW_System_Load.prototype.addsevent = function(func){if(this.objects.addEventListener){this.objects.addEventListener(this.types,func,false);return true;} else if (this.objects.attachEvent){this.objects.attachEvent("on" + this.types,func);} else {return false;}}MW_System_Load.prototype.browser = function(){this.ver = navigator.appVersion;this.agent = navigator.userAgent.toLowerCase();this.dom = document.getElementById ? 1:0;this.all = document.all ? 1:0;this.ie5 = (this.ver.indexOf("MSIE 5")>-1 && this.dom) ? 1:0;this.ie6 = (this.ver.indexOf("MSIE 6")>-1 && this.dom) ? 1:0;this.ie4 = (document.all && !this.dom) ? 1:0;this.ie = this.ie4 || this.ie5 || this.ie6;this.opera = this.agent.indexOf("opera")>-1;this.gecko = (this.agent.indexOf("gecko")!=-1) ? 1:0;this.bw = (this.ie || this.opera || this.gecko);return this;}MW_System_Load.prototype.findobj = function(obj){this.parent = window.document;if(this.parent[obj]){ return this.parent[obj]; }if(this.parent.all && this.parent.all[obj]){ return this.parent.all[obj]; }if(this.parent.layers && this.parent.layers[obj]){ return this.parent.layers[obj]; }if(this.parent.getElementById && this.parent.getElementById(obj)){ return this.parent.getElementById(obj); }return null;}var MW = new MW_System_Load();function MW_System_Hint(){}MW_System_Hint.prototype.show = function(obj,str){var hint = MW.findobj('hint');if(!obj){ return; }if(!MW.documes){ return; }if(!hint){ return; }hint.className = 'hint';hint.style.left = 15;hint.style.top = 50;obj.onmouseout = function(advance){hint.style.width = '';hint.style.visibility = 'hidden';if(hint.firstChild) hint.removeChild(hint.firstChild);hint.appendChild(document.createTextNode(str));};obj.onmousemove = function(advance){//str = str.replace(/</g,"<");//str = str.replace(/>/g,">");hint.style.width = '';hint.innerHTML = str;vc = document.getElementsByTagName((document.compatMode && document.compatMode=="CSS1Compat") ? "HTML":"BODY")[0];x = window.event ? event.clientX + vc.scrollLeft : advance.pageX;y = window.event ? event.clientY + vc.scrollTop : advance.pageY;vcwidth = vc.clientWidth ? vc.clientWidth + vc.scrollLeft : window.innerWidth + window.pageXOffset;vcheight = vc.innerHeight ? window.innerHeight + window.pageYOffset : vc.clientHeight + vc.scrollTop;if(hint.offsetWidth>500){ hint.style.width = '200'; }if((x + hint.offsetWidth + 15) > vcwidth){hint.style.left = x - hint.offsetWidth - 4;} else {hint.style.left = x + 15;}if((y + hint.offsetHeight + 19) > vcheight){hint.style.top = y - hint.offsetHeight;} else {hint.style.top = y + 25;}//if(typeof(hint.style.MozOpacity)!="undefined"){hint.style.opacity = '.91';hint.style.filter = "alpha(opacity:91)";//}hint.style.visibility = 'visible';};}MW_System_Hint.prototype.initialize = function(){var hint = document.createElement("DIV");hint.setAttribute('id','hint');document.getElementsByTagName('body')[0].appendChild(hint);hint.style.visibility = 'hidden';var hintmarker = ['a','img','img','input','span','div','textarea'];var textmarker = ['title','alt','title','title','title','title','title'];var lenmarker = hintmarker.length;for(var i=0; i<lenmarker; i++) {atr = document.getElementsByTagName(hintmarker[i]);for(var j=0; j<atr.length; j++)if(viewhint=atr[j].getAttribute(textmarker[i])){atr[j].removeAttribute(textmarker[i]);HINT.show(atr[j],viewhint);}}}var HINT = new MW_System_Hint();if(MW.objects){ MW.addsevent(HINT.initialize); }//Hint End</script> 


background-color:#ff731b; - Цвет всплывающей подсказки - можно изменить на свое усмотрение и под дизайн сайта.

Опубликовал Татьяна   Прочитано (раз): 676   |   Оставлено комментариев: 0
Добавить свой комментарий