Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Помогите с маленьким скриптом :) (https://javascript.ru/forum/project/42502-pomogite-s-malenkim-skriptom.html)

Анатолий_1990 29.10.2013 15:58

Помогите с маленьким скриптом :)
 
Доброе время суток)))
Помоги те пожалуйста разобраться в коде, весь день сидел, много вариантов перепробовал но не фига не работает :(
Задача очень простая, нужно div со свойством "position: fixed;", протащить по экрану, вроде и не сложно но мой мозг не справился :(
Пример кода:
<style>
#img {
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    top:10px;
    background-color: red;
}
</style>
<div id="img"></div>

var width = screen.width; // Узнаем ширину монитора
var i = 1; // Будет первоначальное значение left
var obj = document.getElementById("img"); // Заносим наш DIV сюда

// Увеличивай свойство left на 1 пока оно не станет больше чем ширина экрана
do { 
    obj.style.left = i;
    i++;
} while (width > i);


До этого как то допер сам ^_^ но все равно не правильно, вроде логично но не работает(

jsru_ 29.10.2013 16:24

у тебя
position:absolute;
, a не fixed; задай в стилях
left: 1px;

ksa 29.10.2013 16:29

Цитата:

Сообщение от Анатолий_1990
obj.style.left = i;

Нужно добавлять единицы измерения...

obj.style.left = i+'px';

ksa 29.10.2013 16:30

Цитата:

Сообщение от Анатолий_1990
нужно div со свойством "position: fixed;", протащить по экрану

Вот читай...
http://javascript.ru/blog/Andrej-Par...cii-JavaScript


Часовой пояс GMT +3, время: 07:59.