Организовать перемещения кода СЕО текста наверх под H1 c помощью Java

  1. Биржа фриланса
  2. Веб-программирование
Закрыт2 заявки157 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Данный функционал описываетсяна примере сайта seo-akademiya.com

  • Заходим сюда http://seo-akademiya.com/baza-znanij/osnovyi-seo/
  • Нажимаем мышкой в начало сео блока и просмотреть код
  • Нужно обратить внимание на 2 блока -> .seo-abs и .seo-fix
  • Сео текст визуально из одного места на сайте “перемещается”

    в другое с помощью javascript. У нас на сайте

    эта манипуляция происходит в файле

    http://seo-akademiya.com/assets/public/js/common.min.js в самом конце

  • При ресайзе или загрузки окна/документа запускается функция

    • resizeSeo();

  • Если есть на странице блок с классом seo-abs (.seo-abs) далее БЛОК А, тогда скрипт узнает высоту этого блока (height = $('.seo-abs').height();), ширину этого блока (width = $('.seo-abs').width();) до “перемещения” вниз страницы.
  • Далее узнаем позицию блока относительно начала страницы куда

    • нужно перемещать сео текст (pos = $('.seo-fix').position();) далее БЛОК Б

  • Задаем блоку Б высоту равную высоте блока А ($('.seo-fix').height(height);)
  • И теперь перемещаем блок с сео текстом вниз, в то место где

    • находится БЛОК Б ($('.seo-abs').css({top:pos.top });)

  • В результате визуально сео текст снизу, в исходном коде он так и

    • остается вверху, так как javascript не может

    его на сервере поменять.

  • Обязательно до всех этих манипуляций должна подключаться

    • библиотека jQuery

CSSJavaJavaScriptjQuery
8 лет назад
AndRu4a
Андрей 
43 года
17 лет в сервисе
Был
3 года назад

Заявки фрилансеров

Нет заявок фрилансеров