Репликация хрома в интернет-магазине с эффектом элемента

Question

Это немного сложно, Я создал jsfiddle здесь http://jsfiddle.net/WXmcL/10/ своего рода копировать https://chrome.google.com/webstore/category/home контейнеры аддонов. все в порядке, за исключением того, что ссылка на элемент.

Мне нужно позиционировать

 <a class="link" href="linktoapp"></a>

правильно, но также позволяет пользователям достичь

<a href="linktoinfo">Info1</a>

, поскольку внутри элемента a не может быть ul или div, я не могу достичь этого эффекта. Да, я могу делать интервалы, но мои рейтинги содержат ul, divs и т. Д., И у меня будет больше разметки внутри. Если вы заходите в магазин Chrome, вы всегда можете связаться с приложением и в то же время достичь рейтинга. Они помещают все элементы в тег, но проверка страницы не видит его. Так что мне кажется, что это делается с помощью js под нагрузкой или?

Спасибо!

Answer 1

вы должны забыть о проверке, пока вы создаете свои эффекты на некоторое время.заставьте его работать с нужной вам разметкой, затем вы можете откинуться назад и забрать то, что не будет проверяться, и внедрить его через javascript.

mootools имеет замечательный конструктор Element.

new Element("a.linktoinfo[html=Info]").inject(element);

вы можете передать любое свойство в него через объект опций конструктора.

например.

new Element("a", {
    "class": "foo",
    "href": "#",
    "events" : {
        click: function() {
            showInfo(this.getParent());
        }
    }
}).inject(element.getElement("a.link", 'after');

и т. Д. И т. Д.

кстати, когда вы трансформируетеськлассы, просто убедитесь, что он изменяет свойства, которые вы отличаете.в вашем случае имеет смысл сделать .myInfoOn / .myInfoOff, которые имеют разную высоту.нет никакого смысла в назначении морфа между другими значениями, которые не были изменены.

этот тип морфа анализирует все правила CSS, определенные в классе, который вы передаете для каждого события, и в действительности вам лучше установить его вручную.я понимаю, что он будет меньше масштабироваться, если он аппаратный, но вы можете установить в качестве переменной свой класс.