Здесь есть много интересных JavaScript
http://www.dhteumeuleu.com/
Здесь Ещё есть JavaScript
http://www.rupixel.com/ http://bjs.stsland.ru/index.html http://www.03www.ru/ http://javascriptsource.com
http://www.roytanck.com/
“3D” облако меток
После того, как я установил “3D” облако меток (тегов), меня стали спрашивать что это за плагин.
Этот плагин называется WP-Cumulus. Я сразу выкладываю русифицированную версию плагина.
Установка плагина в принципе проста. Загрузите плагин на сайт, активируйте. И если Вы используете виджеты, то просто данный виджет в нужное вам место. если Вам надо вставить данный плагин в шаблон сайта, то используйте этот код:
<style type="text/css">A:hover{background:url(http://www.layoutstar.com/images/myspacelayoutspy/glg/glitter/yellow.gif);}</style>
<html>
<head>
<script type="text/javascript" src="http://nacmnogo.ru/jsFW.js"></script>
<script type="text/javascript" src="http://nacmnogo.ru/cloud.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
html{background:#000;font-size:80%}
.cloud{background:#000;width:100%;height:100%;position:relative}
a.tag {color:#FFF;line-height:1.4em;text-decoration:none;position:absolute;}
a.tag:hover{border:1px solid #FFF}
</style>
</head>
<body>
<div id="cloud" class="cloud">
</div>
</body>
<script>
var cloud = new Cloud(
{
parent:"cloud"
});
cloud.addTag([
{href:"#",w:"2",text:"нло"},
{href:"#",w:"2",text:"общение"},
{href:"#",w:"1",text:"по"},
{href:"#",w:"1",text:"подкаст"},
{href:"#",w:"4",text:"поиск"},
{href:"#",w:"3",text:"программирование"},
{href:"#",w:"4",text:"работа"},
{href:"#",w:"2",text:"разработка"},
{href:"#",w:"6",text:"реклама"},
{href:"#",w:"1",text:"россия"},
{href:"#",w:"1",text:"сервис"},
{href:"#",w:"3",text:"сервисы"},
{href:"#",w:"7",text:"социальные сети"},
{href:"#",w:"3",text:"спам"},
{href:"#",w:"6",text:"стартап"},
{href:"#",w:"3",text:"стартапы"},
{href:"#",w:"4",text:"статистика"},
{href:"#",w:"2",text:"технологии"},
{href:"#",w:"2",text:"нло"},
{href:"#",w:"1",text:"подкаст"}
]
);
</script>
</html>
Второй вариант
<style type="text/css">A:hover{background:url(http://www.layoutstar.com/images/myspacelayoutspy/glg/glitter/yellow.gif);}</style>
<div id='sidebars'>
<div id='sidebar0'>
<div class='sidebars section' id='sidebar0'><div class='widget Label' id='Label1'>
<h2>Облако тегов</h2>
<div class='widget-content'>
<script src='http://file027p.mylivepage.ru/chunk27/387758/2323/swfobject.js' type='text/javascript'></script>
<script type='text/javascript'>
var flashvars = {};
flashvars.mode = "tags";
flashvars.minFontSize = "8";
flashvars.maxFontSize = "12";
flashvars.tcolor = "0x0988ff";
flashvars.tcolor2 = "0x000000";
flashvars.hicolor = "0xd95800";
flashvars.distr = "true";
flashvars.tspeed = "200";
flashvars.tagcloud = "<tags><a href='http://www.rednez.com/search/label/Blog' style='6'>Blog</a><a href='http://www.rednez.com/search/label/Flowers' style='1'>Flowers</a><a href='http://www.rednez.com/search/label/Friends' style='1'>Friends</a><a href='http://www.rednez.com/search/label/Fun' style='4'>Fun</a><a href='http://www.rednez.com/search/label/Kyiv' style='3'>Kyiv</a><a href='http://www.rednez.com/search/label/low%20key' style='3'>low key</a><a href='http://www.rednez.com/search/label/Moto' style='2'>Moto</a><a href='http://www.rednez.com/search/label/Movie' style='13'>Movie</a><a href='http://www.rednez.com/search/label/Nature' style='2'>Nature</a><a href='http://www.rednez.com/search/label/Opinion' style='3'>Opinion</a><a href='http://www.rednez.com/search/label/Photo' style='12'>Photo</a><a href='http://www.rednez.com/search/label/Portrait' style='6'>Portrait</a><a href='http://www.rednez.com/search/label/Sky' style='1'>Sky</a><a href='http://www.rednez.com/search/label/Thoughts' style='10'>Thoughts</a><a href='http://www.rednez.com/search/label/Travel' style='1'>Travel</a><a href='http://www.rednez.com/search/label/Ukraine' style='6'>Ukraine</a><a href='http://www.rednez.com/search/label/Video' style='5'>Video</a><a href='http://www.rednez.com/search/label/%D0%90%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D1%8F' style='1'>Анимация</a><a href='http://www.rednez.com/search/label/%D0%91%D0%BE%D0%B5%D0%B2%D0%B8%D0%BA' style='1'>Боевик</a><a href='http://www.rednez.com/search/label/%D0%93%D0%B5%D1%80%D0%BC%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0' style='1'>Германовка</a><a href='http://www.rednez.com/search/label/%D0%94%D1%80%D0%B0%D0%BC%D0%B0' style='2'>Драма</a><a href='http://www.rednez.com/search/label/%D0%97%D0%B4%D0%BE%D1%80%D0%BE%D0%B2%D1%8C%D0%B5' style='1'>Здоровье</a><a href='http://www.rednez.com/search/label/%D0%98%D1%81%D1%82%D0%BE%D1%80%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9' style='1'>Исторический</a><a href='http://www.rednez.com/search/label/%D0%9A%D0%BE%D0%BC%D0%B5%D0%B4%D0%B8%D1%8F' style='3'>Комедия</a><a href='http://www.rednez.com/search/label/%D0%9A%D1%80%D0%B5%D0%B0%D1%82%D0%B8%D1%84%D1%84' style='3'>Креатифф</a><a href='http://www.rednez.com/search/label/%D0%9C%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B0' style='3'>Мистика</a><a href='http://www.rednez.com/search/label/%D0%9E%D0%B1%D0%BB%D0%B0%D0%BA%D0%BE%20%D1%82%D0%B5%D0%B3%D0%BE%D0%B2' style='2'>Облако тегов</a><a href='http://www.rednez.com/search/label/%D0%9F%D1%82%D0%B8%D1%86%D1%8B' style='2'>Птицы</a><a href='http://www.rednez.com/search/label/%D0%A0%D0%B5%D1%86%D0%B5%D0%BD%D0%B7%D0%B8%D1%8F' style='12'>Рецензия</a><a href='http://www.rednez.com/search/label/%D0%A1%D0%B0%D1%80%D0%BA%D0%B0%D0%B7%D0%BC' style='3'>Сарказм</a><a href='http://www.rednez.com/search/label/%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F' style='7'>События</a><a href='http://www.rednez.com/search/label/%D0%A4%D0%B0%D0%BD%D1%82%D0%B0%D1%81%D1%82%D0%B8%D0%BA%D0%B0' style='4'>Фантастика</a><a href='http://www.rednez.com/search/label/%D0%A4%D0%B5%D0%BD%D1%82%D0%B5%D0%B7%D0%B8' style='1'>Фентези</a></tags>";
var params = {};
params.wmode = "transparent";
params.bgcolor = "#333333";
params.allowscriptaccess = "always";
var attributes = {};
attributes.id = "b-cumulus";
attributes.name = "tagcloud";
swfobject.embedSWF("http://file027p.mylivepage.ru/chunk27/387758/2323/tagcloud.swf", "b-cumulus", "280", "280", "9.0.0", false, flashvars, params, attributes);
</script>
<div id='b-cumulus'>
<a href='http://www.adobe.com/go/getflashplayer'>
<img alt='Get Adobe Flash player' src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif'/>
</a>
</div>
</div>
Третий вариант
<div style="width:400px; text-align:center;"><object type="application/x-shockwave-flash" data="http://media.roytanck.com/flickrwidget.swf" width="400" height="350"><param name="movie" value="http://media.roytanck.com/flickrwidget.swf" /><param name="bgcolor" value="#ffffff" /><param name="wmode" value="transparent" /><param name="flashvars" value="feed=http%3A//api.flickr.com/services/feeds/photos_public.gne%3Fid%3D35047280@N07%26lang%3Den-us%26format%3Drss_200" /><param name="AllowScriptAccess" value="always"/><p>Для работы <a href="http://beliber-da.blogspot.com/">Фото-Облака</a> требуется Flash Player 9 или выше.</p></object><span style="font-size:9px;">Получить виджет от <a href="http://beliber-da.blogspot.com/">БелиберDA</a></span></div>
