Дайте, чтобы #lg-image
и #column-left
и #column-right
были очень похожи на селекторы CSS ID Я предполагаю, что вы говорите о HTML / CSS со стороной JavaScript.
Кроме того, учитывая, что вы ссылаетесь на свои элементы HTML с помощью синтаксиса селектора CSS, вы на пути к возможности использовать jQuery для выполнения своей работы. JQuery предлагает функции fadein()
и fadeOut()
.
На странице fadein()
, на которую я ссылался, есть пример , демонстрации которого затухают и исчезают в другом месте. На данный момент вам нужен не столько JavaScript, сколько CSS, который позволяет двум элементам занимать одно и то же место на экране. Обратите внимание, что CSS в этом примере содержит CSS-свойство position:absolute;
, предназначенное для элемента <div>
, а правило CSS, предназначенное для <p>
, задает position:relative;
. Это настоящая магия, и чтобы ее получить, вам нужно прочитать о позиционировании CSS .