sergey_prusov
Участник
- Регистрация
- 31 Окт 2008
- Сообщения
- 203
- Реакции
- 4
- Автор темы
- #1
Имею такой код fav.js:
не отображается картинка fav.png, хотя она там есть что не так?
HTML:
$(document).ready(function() {
var LinkTitle = $(document).attr('title');
var LinkUrl = window.location.href;
var LinkParent = window.location.hostname;
LinkTitle=encodeURIComponent(LinkTitle);
LinkUrl=encodeURIComponent(LinkUrl);
// Вставка блока с закладками и блока затемнения
$('body').append('<div class="shad" style="display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;"></div>');
$('body').append('<div id="tt_social" style="position: fixed;left: 0;top: 50%;width: 30px;height: 215px;margin: -90px 0 0 0;background: #f1f1f1;border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border: 2px #fff solid;box-shadow:2px 0px 10px 0 #d9d9d9;-webkit-box-shadow:2px 0px 10px 0 #d9d9d9;-moz-box-shadow:2px 0px 10px 0 #d9d9d9;border-left: 0;"></div>');
//Массив ссылок
var LinksItem = [
'http://vkontakte.ru/share.php?url='+LinkUrl+'" title="Поделиться ВКонтакте"',
'http://www.facebook.com/sharer.php?u='+LinkUrl+'&t='+LinkTitle+'" title="Добавить в Facebook"',
'http://twitter.com/share?text='+LinkTitle+'&url='+LinkUrl+'" title="Добавить в Twitter"',
'http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl='+LinkUrl+'&cntitle='+LinkTitle+'" title="Добавить в LiveInternet"',
'http://zakladki.yandex.ru/newlink.xml?url='+LinkUrl+'&name='+LinkTitle+'" title="Добавить в Яндекс закладки"',
'http://connect.mail.ru/share?url='+LinkUrl+'&title='+LinkTitle+'" title="Добавить в Мой Мир"',
'http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl='+LinkUrl+'&title='+LinkTitle+'" title="Добавить в Одноклассники"',
'http://www.livejournal.com/update.bml?event='+LinkUrl+'&subject='+LinkTitle+'" title="Добавить в ЖЖ"'
];
var sdvig = 0;
var sdvig2 = 0;
// Построение списка закладок
for (i=0; i<LinksItem.length; i++)
{
var getLinks = $('<a href="'+LinksItem[i]+' style="display: block;position: absolute;left: 5px;top:'+sdvig2+'px;width: 20px;height: 20px;background: url("/public_html/templates/ps-dude/images/fav.png") left -'+sdvig+'px no-repeat;margin: 10px 0 0 0;color: #888;text-decoration: none;font-size: 11px;" target="_blank"><span></span></a>');
getLinks.appendTo("#tt_social");
var sdvig = sdvig + 20;
var sdvig2 = sdvig2 + 25;
}
// Эффекты при наведении на ссылку
$('#tt_social a').hover(
function() {
$(this).css({
'box-shadow':'0 0px 10px 0 #fff',
'-webkit-box-shadow':'0 0px 10px 0 #fff',
'-moz-box-shadow':'0 0px 10px 0 #fff',
'border-radius':'5px',
'-webkit-border-radius':'5px',
'-moz-border-radius':'5px'
});
var linkTitle = $(this).attr('title');
var thisSpan = $(this).find('span');
thisSpan.text(linkTitle);
$(this).find('span').css({
'position':'absolute',
'display':'block',
'padding':'5px',
'background':'#fff',
'width':'150px',
'left':'30px',
'border-radius':'0 5px 5px 0',
'-webkit-border-radius':'0 5px 5px 0',
'-moz-border-radius':'0 5px 5px 0'
});
},
function() {
$(this).css({
'box-shadow':'none',
'-webkit-box-shadow':'none',
'-moz-box-shadow':'none',
'border-radius':'none',
'-webkit-border-radius':'none',
'-moz-border-radius':'none'
});
$(this).find('span').css({
'display':'none'
});
}
);
// Эффекты при наведении на блок с ссылками
$('#tt_social').hover(
function() {
$(this).animate({
'width':'40px'
});
$(this).find('a').animate({
'left':'10px'
});
$(this).css({'background':'#727272'});
$('.shad').css({
'opacity':'0.2',
'display':'block'
});
},
function() {
$(this).animate({
'width':'30px'
});
$(this).find('a').animate({
'left':'5px'
});
$(this).css({'background':'#f1f1f1'});
$('.shad').css({
'opacity':'0',
'display':'none'
});
}
);
});
не отображается картинка fav.png, хотя она там есть что не так?
Последнее редактирование: