Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.03.2015, 16:50
Интересующийся
Отправить личное сообщение для zzMaddyzz Посмотреть профиль Найти все сообщения от zzMaddyzz
 
Регистрация: 06.03.2015
Сообщений: 15

Тестовое задание.Можно ли обойтись без Js?
Можно ли обойтись без Js?
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>test</title>
    <style>
        #shnur2{
            position: absolute;
            width: 586px;
            height: 269px;
            background: url(img/shnur.gif);
        }
        #mag{
            width: 400px;
            position: absolute;
            left: 46%;
            top:50px;
        }
        #mag img{
            position: relative;
            top:2px;
        }
        #shteker{
            /*????*/
        }
        #shteker img{
            /*????*/
        }
    </style>
</head>
<body >
<div id = "shnur2">
</div>
 <div id = "shteker">
     <img  src="img/shteker3.gif" alt="" />
 </div>
<div id = "mag">
    <img src="img/mag.gif" alt="" />
</div>
</body>
</html>
Изображения:
Тип файла: gif mag.gif (18.7 Кб, 9 просмотров)
Тип файла: gif shnur.gif (4.5 Кб, 5 просмотров)
Тип файла: gif shteker3.gif (1.2 Кб, 47 просмотров)

Последний раз редактировалось zzMaddyzz, 15.03.2015 в 19:23.
Ответить с цитированием
  #2 (permalink)  
Старый 11.03.2015, 16:17
Аватар для hfts_rider
Профессор
Отправить личное сообщение для hfts_rider Посмотреть профиль Найти все сообщения от hfts_rider
 
Регистрация: 26.01.2014
Сообщений: 181

Ничего не понятно.. Сделай скрин, как оно должно находиться?
Ответить с цитированием
  #3 (permalink)  
Старый 11.03.2015, 16:57
Интересующийся
Отправить личное сообщение для zzMaddyzz Посмотреть профиль Найти все сообщения от zzMaddyzz
 
Регистрация: 06.03.2015
Сообщений: 15

Сообщение от hfts_rider Посмотреть сообщение
Ничего не понятно.. Сделай скрин, как оно должно находиться?
http://whitespace.com.ua/i/vacancy/h...animations.gif

При увеличении окна браузера должно так же двигаться ,но в обратную сторону.
Ответить с цитированием
  #4 (permalink)  
Старый 11.03.2015, 17:26
Аватар для hfts_rider
Профессор
Отправить личное сообщение для hfts_rider Посмотреть профиль Найти все сообщения от hfts_rider
 
Регистрация: 26.01.2014
Сообщений: 181

Логически немного странно почему меняется расположение входа на самом центре, но.. Если конкретно так нужно, тогда можешь использовать "media запросы"

Пример:
@media screen (max-width:300px){
.main-page{background-color: #acacac}
}

тебе нужно будет прописывать много стилей для разных разрешений + добавить "transition" для плавности.

Но как по мне это вообще бред) Просто поставь его фоном и сделай ему "background-size: cover" без каких либо изменений.
Ответить с цитированием
  #5 (permalink)  
Старый 11.03.2015, 22:06
Аватар для MallSerg
Профессор
Отправить личное сообщение для MallSerg Посмотреть профиль Найти все сообщения от MallSerg
 
Регистрация: 07.03.2011
Сообщений: 1,138

окстись
да там делов то на 5 сек =)
http://learn.javascript.ru/play/DSIxkc
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вы передаёте в js переменные с сервера без ajax? akostrikov Серверные языки и технологии 1 09.10.2011 21:45
Без JS никуда dimaan777 Оффтопик 14 27.02.2011 23:02
Помогите сделать тестовое задание начального уровня по js makregistr Работа 1 16.12.2010 14:26
Отправка POST через JS без перехода на другую страницу m-mikle Общие вопросы Javascript 17 14.04.2010 15:24
Работа js +php без обновления страницы Jekel Javascript под браузер 18 29.11.2009 20:17