Способ совершенно безопасный и после перезагрузки страницы все изменения на странице пропадают. Так как все действия происходят на стороне браузера и никак не касаются хостинга.
Для сохранения результата требуется доступ владельца сайта на хостинг (ниже описано).
Как пользоваться? Пояснять буду на примере браузера гугл-хром:
- Скопировать текст скрипта в буфер обмена
- Перейти на страницу Вашего сайта
- Открыть инструменты разработчика (в хроме F12)
- Открыть вкладку "Консоль"
- Вставить тест скрипта в поле "Консоли"
- Далее появится окошко справа
- Нажать шестеренку Наведением "мыши" добиться появления маркера, который указывает, какой блок будет анимирован
- Подобрать желаемый эффект Если нужно анимировать несколько блоков нажмите "Escape" и повторите процедуру наведения "мыши", отметки следующего блока и выбора эффекта.
- Когда всё будет готово и Вас удовлетворяет полученный результат, перейдите на вкладку "Элементы" и с помощью поиска ctrl-F найдите текст "ss-0001". Это и есть элемент анимации на стилях CSS
- Скопируйте эти стили любым доступным Вам способом либо в файл CSS Вашего сайта, либо в раздел <style type="text/css" rel="ss-0001">.... тут будут стили, сгенерированные скриптом...</style>
И конечно, есть нюансы... и их много. Вот некоторые замеченные:
Возможен конфликт версий jQuery с той, что на сайте
Может не найти уникальный CSS селектор блока. Сильно зависит от html разметки на сайте. Устойчиво работает при наличии классов в разметке
На некоторых сайтах скрипт не работает по причине наличия защиты. Например на странице Гугла и Яндекса скрипт выдает ошибку.
Причем на каждом поисковике ошибка своя (разные способы защиты)
Отзывы и оценки (0)