Показать сообщение отдельно
  #4 (permalink)  
Старый 10.12.2013, 16:37
Профессор
Отправить личное сообщение для Faab Посмотреть профиль Найти все сообщения от Faab
 
Регистрация: 16.04.2012
Сообщений: 310

<!DOCTYPE HTML>
<html>
<head>
	<title>Привет</title>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script type="text/javascript">
    window.onload = function(){
      $('.but').click(function(){
        $('#container').empty();
        $('.chrismas').clone().appendTo($('#container'));
      });
    };
  </script>
  <style type="text/css">
    .images {
      width: 80px;
    }
    img {
      width: 100%;
    }
    #container {
      outline: 2px red solid;
    }
    .words, .images {
      display: inline-block;
    }
    
  </style>
</head>
<body>
  <div>
    Набор слов
    <div class="words">Рождество</div>
    <div class="words chrismas">Новый год</div>
    <div class="words chrismas">Снегурочка</div>
    <div class="words">Салат "Оливье"</div>
  </div>
  <div>
    Набор изображений
    <div class="images chrismas"><img src="http://matushki.ru/download/file.php?id=45213&t=1" /></div>
    <div class="images"><img src="http://woman-cafe.ru/wp-content/uploads/2010/12/novogodnie-kartinki12.jpg" /></div>
    <div class="images"><img src="http://img101.imageshack.us/img101/3245/kartkaey5.jpg" /></div>
    <div class="images chrismas"><img src="http://www.tamboff.ru/forum/files/thumbs/t_oboi_podarki26b_167.jpg" /></div>
  </div>
  <div id="container">Тут что-то появиться</div>
  <input type="button" class="but" value="Ломай меня!" />
</body>
</html>

Последний раз редактировалось Faab, 10.12.2013 в 16:39.
Ответить с цитированием