[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Подсказка на css и jQuery для ucoz
offtop
Дата: Воскресенье, 19.05.2013, 05:31 | Сообщение # 1
Оффлайн
Пользователи
Сообщений: 216
IP: Скрытная информация


В верхнюю часть сайта:
Код
<script type="text/javascript">    
    $(document).ready(function(){    
    function titleBarAlt(){    
    $('[alt]').hover(function(){    
    var titleDiv = document.createElement('div');    
    var testTitle = $(this).attr('alt');    
    titleDiv.innerHTML = testTitle;    
    titleDiv.className = 'titleCorelView';    
    this.appendChild(titleDiv);    
    $(function(){    
    $(document).mousemove(function(e){    
    var x = e.pageX;    
    var y = e.pageY;    
    $(titleDiv).css({    
    "position":"absolute",    
    "top":y+10+"px",    
    "left":x+40+"px"    
    };);    
    };);    
    };);    
    },function(){    
    $('.titleCorelView').remove();    
    };);    
    }    
    titleBarAlt();    
    };);    
    </script>


В css:
Код
/**TITLE**/    
    .titleCorelView{    
    background:#eee;    
    border:1px solid #ccc;    
    color:#999;    
    padding:5px;    
    margin-right:16px;    
    }    
    /**TITLE END**/


В html:
Код
<a href="http://cs-fragx.ru/forum/42-194-1" alt="Подсказка на css и jQuery">Подсказка на css и jQuery</a>


.
Прикрепления: 2211733.jpg (9.3 Kb)


Сообщение отредактировал offtop - Воскресенье, 19.05.2013, 05:31
  • Страница 1 из 1
  • 1
Поиск: