Форумы портала PHP.SU :: Версия для печати

1. RamPoms - 19 Мая, 2011 - 03:16:15 - перейти к сообщению

Доброго времени, извините что тревожу но есть 1 проблема:
http://www[dot]terrasoft[dot]ua/
http://www[dot]blog[dot]anidub[dot]com/
Если перейдете по ссылка то у видите красивую менюшку у террасофта с мужичками, и на анидабе 4 последних новости...
Вод мне эту штучку срочно надо, но я не знаю как ее сделать.
Не могли б вы подсказать, или скинуть готовую), или урок какой-нить... хоть что то...
Буду искренне благодарен за любую помощь. Заранее Спасибо.

2. Alex_pac - 19 Мая, 2011 - 06:02:16 - перейти к сообщению

JQUERY

animate
hover
fadeIn
fadeOut
click

часть эффектов тут

еще надо предварительный загрузчик изображений

типа вот такого:

CODE (html):
скопировать код в буфер обмена

<html>
<head>проверка загрузки изображения</head>
<script>
onload=function(){
        window.alert('поехали');
        var MyImage = new Image();
        var srcImg = 'http://tlt-images1.narod.ru/img/4dc9945924138.jpg';
        MyImage.onload = function(){
                window.alert('картинка загрузилась');
                document.getElementById('cont').innerHTML="<img src='"+srcImg+"'>";
        };
        MyImage.src = srcImg;
}
</script>
<body>
<p id='cont'><img src='http://tlt-images1.narod.ru/img/4dd483d823f49.gif'></p>

где новости там предположительно простая замена контента в блоках через банальный

$(object).html(content);
возможно там еще гдето Ajax прикручен

для автоматического листания алгоритм на основе setTimeout с использованием рекурсии

ну и самое главное для всего этого это мега дизаин, ибо без него все эти скрипты ценности не представляют никакой.

хотя те интструменты что я описал наверно очень далеки от того в действительности
ибо там прикручены готовые блоки из модулей JQUERY
готового алгоритма у меня нет, нет времени чтобы его написать, хотя было бы очень интересно.

достаточно взглянуть на список javascript систем и волосы начинают шевелиться

CODE (html):
скопировать код в буфер обмена

    <script type="text/javascript" src="/sites/all/modules/jquery_update/replace/jquery.min.js?r"></script>
<script type="text/javascript" src="/misc/drupal.js?r"></script>
<script type="text/javascript" src="/sites/default/files/languages/ru_e5bea1d761e861dc04112cd839eae2f4.js?r"></script>
<script type="text/javascript" src="/sites/all/modules/authcache/js/authcache.js?r"></script>
<script type="text/javascript" src="/sites/all/modules/thickbox/thickbox_login.js?r"></script>
<script type="text/javascript" src="/sites/all/modules/thickbox/thickbox.js?r"></script>
<script type="text/javascript" src="/sites/all/modules/custom_search/custom_search.js?r"></script>
<script type="text/javascript" src="/sites/all/themes/terrasoft/js/jquery.easing.min.1.3.js?r"></script>
<script type="text/javascript" src="/sites/all/themes/terrasoft/js/jquery.validate.min.js?r"></script>
<script type="text/javascript" src="/sites/all/themes/terrasoft/js/aop.pack.js?r"></script>
<script type="text/javascript" src="/sites/all/themes/terrasoft/js/jquery.requireScript-1.2.1.js?r"></script>
<script type="text/javascript" src="/sites/all/themes/terrasoft/js/jquery.cookie.js?r"></script>
<script type="text/javascript" src="/sites/all/themes/terrasoft/js/main.js?r"></script>
<script type="text/javascript" src="/sites/all/themes/terrasoft/js/front-page.js?r"></script>
<script type="text/javascript" src="/sites/all/themes/terrasoft/js/jcarousellite_slider.js?r"></script>

судя по тематике, сайт написали светлые умы человечества, а посему без бубна повторить такойже функционал не удаться. и простым прикручиванием плагинов темболее
подозреваю что некоторые ими и написаны и аналогов нет.