Follow along with the video below to see how to install our site as a web app on your home screen.
Бележка: This feature may not be available in some browsers.
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#division_select").fadeTo("slow", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$("#division_select").hover(function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.6); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type="text/javascript" language="javascript">
$(document).ready(function()
{
$(window).scroll(function()
{
$('#message_box').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350});
});
$('#close_message').click(function()
{
$('#message_box').animate({ top:"+=15px",opacity:0 }, "slow");
});
});
</script>
$(document).ready(function ()
{
$('div.friends a').hover(function () {
var userInfo = $(this).next().html(); //Взимаме текста (заедно с таговете) от елемента до <a>, който в случая е <span>.
var tooltipBox = $('<div class="tooltip"></div>'); //Създаваме <div>.
$(this).parent().append(tooltipBox); //"Закачаме" този <div> към съответното <li> от списъка, за да е по-подредено.
$(tooltipBox).animate({'opacity' : 'toggle', 'top' : '80px' }, 200).html(userInfo).append('<div class="arrow"></div>'); //Добавяме малко ефекти на Tooltip-а и вкарваме информацията в него. Накрая му добавяме и лека козметична заигравка - стрелкичката.
}, function(){
$('div.tooltip').remove(); //При hoverOut изтриваме Tooltip-a.
});
});