Плавающий логотип (3D) без flash

Поиск:

Страница 1 из 1 1
Модератор форума: Senator

ReVs

Дата: Воскресенье, 19.06.2011, 21:50 | Сообщение # 1

Offline

Премиум
[ReVs]

1719 Сообщения

Профиль пользователя

[TableGrey]Скриншот: нет необходимости, скрипт приводится в действие движением курсора. [/TableGrey]

[TableGrey]Установка кода: [/TableGrey]

[TableGrey]Между и подключаем скрипт:[/TableGrey]

Code
<script type="text/javascript" src="http://liiion911.ru/js/jquery.smart3d.js"></script>

[TableGrey]в CSS добавляем стилизацию самих изображений:[/TableGrey]

Code
<style type="text/css">

               /* Demo 2 */

                #smartdemo2 {

                    width: 600px;

                    height: 150px;

                    overflow: hidden;

                    border:2px solid #444444;

                    margin: 0;

                }

                #smartdemo2 li{

                    width: 800px;

                    height: 150px;

                }

                #smartdemo2 .content {

                    padding: 0 105px;

                    color: #fff;

                    text-shadow: 0 0 8px #000000;

                }



                /* Demo 3 */

                #smartdemo3 {

                    width: 660px;

                    height: 170px;

                    overflow: hidden;

                    border:2px solid #444444;

                    margin: 0;

                }

                #smartdemo3 li{

                    width: 844px;

                    height: 170px;

                }

                #smartdemo3 .content {

                    padding: 0 105px;

                    color: #fff;

                    text-shadow: 0 0 8px #000000;

                }
     </style>

[TableGrey]В любом месте после подключаем анимацию:[/TableGrey]

Code
<script type="text/javascript">

               $(document).ready(function() {

     $('#smartdemo2').smart3d();

                   $('#smartdemo3').smart3d();

               });

           </script>

[TableGrey]И там, где хотим видеть анимацию ставим сами картинки для анимации:[/TableGrey]

Code
<ul id="smartdemo2">

                 <li><img src="http://liiion911.ru/im/1111.png" /></li>

                 <li><img src="http://liiion911.ru/im/2222.png" /></li>

             </ul>

[TableGrey]Автор картинок: arti [/TableGrey]

[TableGrey]Автор скрипта: Kotelnitskiy Evgeniy[/TableGrey]
Прикрепления: 6953428.png (42.6 Kb)

Плавающий логотип (3D) без flash

Страница 1 из 1
1