Попытка сделать перемещение div при вызове функции

Я делаю <div>, который я хочу переместить с левой стороны экрана, чтобы затем захватить экран на 100%. У меня возникла проблема, хотя и с ее помощью. Вот мой код до сих пор JSFiddle Sample.Попытка сделать перемещение div при вызове функции

function show(){ 

var website = document.getElementById('website'); 
website.style.left = '0%;' 

} /* I know I don't have much, I did.. I just got it all wrong. */

HTML

<a href="javascript:;" onclick="show()" style="color:#999;">Superman - Wikipedia, the free encyclopedia</a> 
<div id="website"> 

<iframe src="https://en.wikipedia.org/wiki/Superman" width="100%"> 

</div>

CSS

#website{ 
    height:100%; 
    position:fixed; 
    background:#666; 
    width:100%; 
    left:100%; 
}

источник

2013-06-28 Darryl Huffman

ли вы на самом деле хотите раздвижную анимацию? Я не вижу никаких указаний на то, как вы хотите это сделать, jQuery? родной? CSS? – Halcyon

Мне нужен скользящий эффект, но на этот раз я просто успокоился. Если кто-нибудь знает, как это было бы здорово. И у меня есть jQuery. Я просто новичок в javascript. –

Если вы строите это в JSFiddle, вам нужно убедиться, что вы экспортируете функцию 'show'. JSFiddle любит обертывать вещи. Добавьте 'window.show = show;' внизу вашего скрипта, чтобы экспортировать его. В результате вы получите сообщение об ошибке: 'Uncaught Referencerror: show не определен.' Также, если у вас есть jQuery, и вы собираетесь использовать его, вы должны. – Halcyon

Ах, я вижу ошибку. Ты будешь ненавидеть себя за это: D

website.style.left = '0%;' 
        // ^-- :D

Изменить на:

website.style.left = '0%';

источник

2013-06-28 00:43:00 Halcyon

О, мой, Бог. Ты удивительный мой друг. И я абсолютно делаю, ха-ха ... Вы заслуживаете печенья. –

Попытка сделать перемещение div при вызове функции

ответ

Смежные вопросы