Показать сообщение отдельно
  #2 (permalink)  
Старый 12.04.2014, 15:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

m777,
<!DOCTYPE html>

<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=us-ascii">

  <title>- jsFiddle demo</title>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'>
</script>
  <link rel="stylesheet" type="text/css" href="/css/result-light.css">
  <script type='text/javascript' src="http://code.jquery.com/ui/1.10.4/jquery-ui.js">
</script>
  <style type='text/css'>
 body{
    background-color:  #DAA520;
padding: 0px;
     margin: 0px;
  }
#toggle {
    width: 200px;
    height: 100px;
    background: #ccc;
  }
  </style>
  <script>
$(window).load(function(){
  $('#toggle').css(
        {"position" : "absolute",
         "top":'0px', "left": $(window).width()-$('#toggle').width()+"px"});

  $(  document ).click(function() {
  $( "#toggle" ).toggle( "blind", {direction: "right"}, 1000);
  });
  });
  </script>
</head>

<body>
  <p>Click on the document to toggle the box.</p>

  <div id="toggle">
    asdasdasdasdasd
  </div>
</body>
</html>

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