| Главная » Файлы » Прочие скрипты » jQuery |
Эффект стирания защитной плёнки для картинок на jQuery
| 23.06.14, 08:19:51 | |
 Интересный эффект, чем то напоминает стирание защитной плёнки с пластиковых карт монеткой, только вместо монеток у нас курсор мышки Для начала посмотрите ДЕМО Теперь переходим к установке: После /head на нужных страницах вставляйте следующий код: Код <script type="text/javascript" src="/js/jquery.jScratchcard.js" ></script> Сам код картинки прописывается так: Код <script type="text/javascript"> $(window).load(function() { $("#card1").jScratchcard({ opacity: 0.05, color: '#98AFC7', stepx: 20, stepy: 20, mousedown: false }); }); </script> <img id="card1" src='Ссылка на картинку' /> Как можно заметить, в данном коде используется уникальный ID card1. Предупреждаю, что для каждой новой картинки необходимо придумать свой собственный ID Разберём подробнее: $("#card1") - индивидуальный показатель, запускающий эффект для картинки с этим ID opacity: 0.05 - степень непрозрачности плёнки color: '#98AFC7' - цвет плёнки stepx: 20 - ширина стирания за одно нажатие stepy: 20 - высота стирания за одно нажатие mousedown: true - указывает, стирать ли при нажатии. Принимает значение false (Стирание при наведении) или true (Стирание при нажатии) Нам остаётся лишь залить скрипт из прикреплённого архива в папку js Материал подготовил Apocalypse | |
| Просмотров: 794 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |