Главная » Файлы » Прочие скрипты » jQuery

3D блоки, смещающиеся относительно положения курсора с эффектом смазывания через плагин Floating box на jQuery
23.06.14, 09:37:06

Скачать файл




Очередная манипуляция с 3D пространством на jQuery. На этот раз авторы постарались сделать движение объектов реалистичнее и добавили эффект смазывания

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<script src = "http://www.marcelljusztin.com/stuff/jquery-floating-box/jquery.floatingbox.js" type="text/javascript"></script>
<script type="text/javascript">

jQuery(function(){  

$('#moving_box1').floatingBox({
scale : 0.3,  
blur : true,  
isText : false,  
xOffset : 235,  
yOffset: 185,  
});  

$('#moving_box2').floatingBox({
scale : 0.37,  
blur : true,  
isText : false,  
xOffset : 205,  
yOffset: 155  
});  

$('#moving_box3').floatingBox({
scale : 0.47,  
blur : true,  
isText : false,  
xOffset : 265,  
yOffset: 205  
});  

});  

</script>


Следующий код в то место, где будет сам блок:
Код
<div id = "container" style = "width: 500px; height: 400px; border: 1px solid #000;">
<div id="moving_box1" style = "width: 30px; height: 30px; background: #999;"></div>
<div id="moving_box2" style = "width: 50px; height: 50px; background: #AAA;"></div>
<div id="moving_box3" style = "width: 40px; height: 40px; background: #BBB;"></div>
</div>


Остаётся лишь залить скрипт из прикреплённого архива в папку js

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: положения, смещающиеся, Через, блоки, курсора, плагин, эффектом, смазывания, относительно, 3D
Просмотров: 220 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: