Использование jquery, как я могу сместить div на страницу, похожую на powerpoint?

Question

В MS PowerPoint вы можете перемещать контент в середину страницы извне экрана и из любого выбранного вами направления. Я хочу сделать это с JQuery. В принципе, я хочу сфотографировать изображение занавеса с какого-то направления, затем свернуть фотографию парня и, наконец, пропустить цитату поверх всего. Кто-нибудь знает, как это сделать с помощью JQuery?

Answer 1

1) Добавить изображение на страницу. Вы можете сделать это либо с помощью javascript, либо с помощью CSS. это должно быть положение: абсолютное значение не установлено вне окна просмотра (слева: -WIDTHpx). Или просто спрячьте его с дисплеем: none; 2) Используйте jQuery .animate() или .slideToogle(), чтобы сместить это изображение внутри.

Answer 2

использовать этот CSS:

#id_like_powerpoint{ 
position:absolute;top:-100;left:350px; 
} 

Если вы хотите OnLoad то сделать это:

$(document).ready(function(){ 
$('#id_like_powerpoint').animate({'top' : '100px'},1500); 
}); 

Если вы хотите OnClick использование:

$('#id_to_be_clicked').click(function(){ 
    $('#id_like_powerpoint').animate({'top' : '100px'},1500); 
    }); 

Вы можете поместить любое число, это было как раз и пример

Best, Shawn