Анимируйте части веб-страницы с помощью jQuery

#jquery #user-interface #draw

#jquery — запрос #пользовательский интерфейс #рисовать #jquery

Вопрос:

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

Например: когда страница загружается, я хочу нарисовать линию высотой 3 пикселя слева направо по ширине текущей страницы. Примерно на полпути через эту строку я хочу нарисовать линию сверху вниз по высоте текущей страницы. Когда они будут готовы, я хочу, чтобы какой-нибудь текст исчез в виде логотипа или изображений. Затем появится (исчезнет) панель навигации.

Это может показаться проще во Flash, но я не хочу использовать flash. Я этого не понимаю, и у меня действительно не хватает терпения, чтобы изучить это. Однако я понимаю концепцию кода, jquery, php, mysql и действительно получаю удовольствие от его использования. Просто не понимаю, могу ли я делать то, что я хочу в Jquery, так, как я хочу это делать.

Я спрашиваю, могу ли я по существу создать пользовательский интерфейс с помощью jQuery при загрузке страницы и заставить его создавать эти элементы. Спасибо,

Комментарии:

1. Вы также можете изучить рендеринг холста html5 и тому подобное.

2. То, что вы описали, не похоже на то, что для этого потребуется холст. jQuery должен быть в порядке.

Ответ №1:

То, что вы описываете, достаточно просто и должно быть абсолютно возможным с помощью jQuery. Ознакомьтесь с функцией animate() jQuery. Между этим и некоторыми CSS вы должны быть настроены. Попробуйте использовать divs и настроить стили границ, чтобы они отображались в виде линий. В качестве альтернативы вы можете использовать HRs.

Комментарии:

1. Это было действительно полезно, но можете ли вы помочь мне в дальнейшем с возможностью анимировать разные «id» div? Я могу увеличить строку, как я хочу, в двух направлениях, но у меня будет несколько разделов на странице, когда я закончу, и в разных местах для анимации.