Социальные закладки на CSS и jQuery
Установка:
Панель Управления - Страницы сайта:
между:
<head>
</head>
встаавляем:
Code
<link rel="stylesheet" href="http://vk-online.do.am/test_portal/webo4ka_ru/menu-in-css-1/css/style.css" type="text/css" charset="utf-8"/>
<script type="text/javascript" src="http://vk-online.do.am/test_portal/webo4ka_ru/menu-in-css-1/js/jquery-1.3.2.js"></script>
в этомже разделе после:
<body>
вставляем:
Code
<ul id="navigation">
<li class="lekus0"><a href="http://vkontakte.ru/share.php?url='+LinkUrl+" title="Поделиться ВКонтакте"></a></li>
<li class="lekus1"><a href="http://www.facebook.com/sharer.php?u='+LinkUrl+" title="Добавить в Facebook"></a></li>
<li class="lekus2"><a href="http://twitter.com/share?text='+LinkTitle+'&url='+LinkUrl+" title="Добавить в Twitter"></a></li>
<li class="lekus3"><a href="http://zakladki.yandex.ru/newlink.xml?url='+LinkUrl+'&name='+LinkTitle+" title="Добавить в Яндекс закладки"></a></li>
<li class="lekus4"><a href="http://connect.mail.ru/share?url='+LinkUrl+'&title='+LinkTitle+" title="Добавить в Мой Мир"></a></li>
<li class="lekus5"><a href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl='+LinkUrl+'&title='+LinkTitle+" title="Добавить в Одноклассники"></a></li>
<li class="lekus6"><a href="http://www.livejournal.com/update.bml?event='+LinkUrl+'&subject='+LinkTitle+" title="Добавить в ЖЖ"></a></li>
</ul>
<script type="text/javascript">
$(function() {
$('#navigation a').stop().animate({'marginLeft':'-85px'},1000);
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
}
);
});
</script>
Желаю удачи!
Источник: не указан
3 комментария
0
