Главная » Статьи » Скрипты » Разное
Разьезжающееся меню (HORISONTAL+) для uCoz
Code
<!--U1MENUVERH1Z--><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>  

<br><br><br>  
<div id="fisheye" class="fisheye">  

<div class="fisheyeContainter">  

<span id="banners"><a href="http://bmx-bike.my1.ru/news/" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/ToolbarVideo.png" width="30" /><span>Фильмы</span></a></span>  
<span id="banners"><a href="http://bmx-bike.my1.ru/blog/" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/iDVD.png" width="30" /><span>Видео</span></a></span>  
<span id="banners"><a href="http://bmx-bike.my1.ru/index/0-22" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/iMovie1.png" width="30" /><span>Телевидение</span></a></span>  
<span id="banners"><a href="http://bmx-bike.my1.ru/publ/" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/pages.png" width="30" /><span>Статьи</span></a></span>  
<span id="banners"><a href="http://bmx-bike.my1.ru/load/" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/HardDisk-Default.png" width="30" /><span>Файлы</span></a></span>  
<span id="banners"><a href="http://bmx-bike.my1.ru/index/0-21" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/ToolbarMusic.png" width="30" /><span>Радио</span></a></span>  
<span id="banners"><a href="http://bmx-bike.my1.ru/forum/" class="fisheyeItem"><img src="http://onlite.ucoz.net/iconki/Internet-Blue.png" width="30" /><span>Форум</span></a></span>  
</div> </div>  
<script type="text/javascript">  

$(document).ready(  
function()  
{  
$('#fisheye').Fisheye(  
{  
maxWidth: 20,  
items: 'a',  
itemsText: 'span',  
container: '.fisheyeContainter',  
itemWidth: 60,  
proximity: 10,  
halign : 'center'  
}  
)  

}  
);  

</script><!--/U1MENUVERH1Z-->


Источник: http://s53.radikal.ru/i142/0905/39/357557b0fd4d.bmp
Категория: Разное | Добавил: Admin (04.08.2010) | Автор: ucoz-info.ru
Просмотров: 500 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]