JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Template</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>
<!-- PARALLAX -->
<script type="text/javascript" language="JavaScript" src="js/jquery.jparallax.min.js"></script>
<script type="text/javascript" language="JavaScript" src="js/jquery.event.frame.js"></script>
<!-- PARALLAX -->
<!-- FONTS -->
<link href='http://fonts.googleapis.com/css?family=Jura:500&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<!-- FONTS -->
<script type='text/javascript'>
function socializ(u,t) {
var m1 = 300; /* расстояние от начала страницы до плавающей панели */
var m2 = 20; /* расстояние от верха видимой области страницы до плавающей панели */
var f = 'i/'; /* путь к папке с изображениями кнопок */
document.write('<div id="socializ"></div>');
(function($) {
$(function() {
var s = $('#socializ');
s.css({top: m1});
function margin() {
var top = $(window).scrollTop();
if (top+m2 < m1) {
s.css({top: m1-top});
} else {
s.css({top: m2});
}
}
$(window).scroll(function() { margin(); })
s.append(
'<a href="http://twitter.com/share?text=' + t + '&url=' + u + '" title="Добавить в Twitter"><img src="' + f + 'twitter.png" alt="" /></a>' +
'<a href="http://www.google.com/buzz/post?message=' + t + '&url=' + u + '" title="Добавить в Google Buzz"><img src="' + f + 'google-buzz.png" alt="" /></a>' +
'<a href="http://www.friendfeed.com/share?title=' + t + ' - ' + u + '" title="Добавить в FriendFeed"><img src="' + f + 'friendfeed.png" alt="" /></a>' +
'<a href="http://www.facebook.com/sharer.php?u=' + u + '" title="Поделиться в Facebook"><img...