16 декабря 2011 в 12:14
Демо меню: http://ndesign-studio.com/blog/css-dock-menu
Код меню такой:
В head:
В body:
<script type="text/javascript">
$(document).ready(
function()
{
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);
</script>
$(document).ready(
function()
{
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);
</script>
*****************************************************************************
Я пробовал делать так:
Загрузил файлы в корень моей темы (bartik). В файле инфо темы прописал:
stylesheets[all][] = dockstyle.css
scripts[all][] = jquery.js
scripts[all][] = interface.js
scripts[all][] = dockjs.js
scripts[all][] = jquery.js
scripts[all][] = interface.js
scripts[all][] = dockjs.js
Для последнего скрипта создал файл dockjs.js в корне темы в таком виде:
$(document).ready(
function()
{
$(’#dock2′).Fisheye(
{
maxWidth: 60,
items: ‘a’,
itemsText: ’span’,
container: ‘.dock-container2′,
itemWidth: 40,
proximity: 80,
alignment : ‘left’,
valign: ‘bottom’,
halign : ‘center’
}
)
}
);
function()
{
$(’#dock2′).Fisheye(
{
maxWidth: 60,
items: ‘a’,
itemsText: ’span’,
container: ‘.dock-container2′,
itemWidth: 40,
proximity: 80,
alignment : ‘left’,
valign: ‘bottom’,
halign : ‘center’
}
)
}
);
Меню не работает, подскажите, что не так.
