<style type="text/css" media="all">
*
{
margin: 0;
padding: 0;
}
body
{
background: #fff;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.fisheye{
text-align: center;
height: 50px;
position: relative;
}
a.fisheyeItem
{
text-align: center;
color: #000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
top: 0;
}
a.fisheyeItem2
{
text-align: center;
color: #000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
bottom: 0;
}
.fisheyeItem img
{
border: none;
margin: 0 auto 5px auto;
width: 100%;
}
.fisheyeItem2 img
{
border: none;
margin: 5px auto 0 auto;
width: 100%;
}
.fisheyeItem span,
.fisheyeItem2 span
{
display: none;
positon: absolute;
}
.fisheyeContainter
{
background-color: #fff;
height: 50px;
width: 200px;
left: 500px;
position: absolute;
}
#fisheye2
{
position: absolute;
width: 100%;
bottom: 0px;
}
</style>
<link type="text/css" rel="StyleSheet" href="http://s23.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s23.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlock {display:none}</style>
<link type="text/css" rel="StyleSheet" href="http://s28.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s28.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlock {display:none}</style>
<link type="text/css" rel="StyleSheet" href="http://s28.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s28.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlock {display:none}</style>
</head>
<body background: color="#000000">
<script type="text/javascript" src="http://scriptozna.ucoz.ru/js/jquery.js"></script>
<script type="text/javascript" src="http://scriptozna.ucoz.ru/js/interface.js"></script>
<div id="fisheye" class="fisheye">
<div class="fisheyeContainter">
<span id="banners"><a href="http://apatit.org.ua/news/films/1-0-5" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/film.png" width="50" /><span>Фильмы</span></a></span>
<span id="banners"><a href="http://apatit.org.ua/news/music/1-0-2" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/Andere022.png" width="50" /><span>Музыка</span></a></span>
<span id="banners"><a href="http://apatit.org.ua/news/games/1-0-9" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/games.png" width="50" /><span>Игры для PC</span></a></span>
<span id="banners"><a href="http://apatit.org.ua/load/" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/prioettore-film.png" width="50" /><span>Фильмы онлайн</span></a></span>
<span id="banners"><a href="http://apatit.org.ua/news/multfilms/1-0-15" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/Mickey.png" width="50" /><span>Мультфильмы</span></a></span>
<span id="banners"><a href="http://apatit.org.ua/news/igry_torrent_besplatno/1-0-48" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/uTorrent.png" width="50" /><span>Игры</span></a></span>
<span id="banners"><a href="http://apatit.org.ua/news/windows/1-0-7" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/Windows.png" width="50" /><span>WinDows</span></a></span>
<span id="banners"><a href="http://nod.bissnes.org/" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/NOD32.png" width="50" /><span>Ключи NOD32</span></a></span>
<span id="banners"><a href="http://apatit.org.ua/news/jumor/1-0-8" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/big_smile.png" width="50" /><span>Юмор</span></a></span>
<span id="banners"><a href="http://apatit.org.ua/news/soft_free/1-0-6" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/soft.png" width="50" /><span>Софт</span></a></span>
<span id="banners"><a href="http://apatit.org.ua/news/1-0-39" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/Ukraine.png" width="50" /><span>Україномовне кіно</span></a></span>
<span id="banners"><a href="http://apatit.org.ua/news/filmy_torrent_besplatno/1-0-47" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/torrent.png" width="50" /><span>Фильмы</span></a></span>
<span id="banners"><a href="http://apatit.org.ua/news/rss" class="fisheyeItem"><img src="http://apatit.org.ua/icons2/rss2_3-13.png" width="50" /><span>RSS 2.0</span></a></span>
</div> </div>
<script type="text/javascript">
$(document).ready(
function()
{
$('#fisheye').Fisheye(
{
maxWidth: 20,
items: 'a',
itemsText: 'span',
container: '.fisheyeContainter',
itemWidth: 70,
proximity: 40,
halign : 'center'
}
)
}
);
</script>
