Как сделать javascript слайд? - PullRequest
Новая
       11

Как сделать javascript слайд?

0 голосов
/ 21 июля 2011

При первом щелчке по текстовой области ответа появляется окно с сообщением 

Your Answer
Thanks for contributing an answer to Stack Overflow!

Please make sure you answer the question; this is a Q&A site, not a discussion forum.

Provide details and share your research. Avoid statements based solely on opinion; 
only make statements you can back up with an appropriate reference, or 
personal experiences.

enter image description here

Я изо всех сил пытаюсь реализовать это в моей собственной системе. Я проверил функцию jQuery slideUp , но она сдвигает окно текстового сообщения вниз не вверх.

Кто-нибудь знает, как это реализовать?

Я предполагаю, что он использует анимацию JavaScript.

Ответы [ 3 ]

2 голосов
/ 21 июля 2011

Я не уверен, что именно вы хотите, это это это?Я думаю, что вы хотите использовать .slideToggle ()

HTML 

<textarea></textarea>
<div class="msg">
     谢谢你!!
</div>

jQuery 

$(".msg").slideToggle();
    $("textarea").focus(function(){
        $(".msg").slideToggle();
    });
    $("textarea").blur(function(){
        $(".msg").slideToggle();
    });

Что и когда вы хотите появиться?

0 голосов
/ 22 июля 2011 
<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <style type="text/css">
      .div1 {
      width:400px;
      height:100px;
      border: 1px solid #777777;
      }
      .div2 {
      width:400px;
      height:100px;
      border: 1px solid #777777;
      overflow:hidden;
      }
      .help {
      background-color:#fefae2;
      border: 1px solid #f3eed5;
      width:400px;
      height:100px;
      margin-top:100px;
      }
      .info-ok{
      font-size: 13px;
      color:#1087a4;
      float:right;
      margin-top:5px;
      margin-right:5px;
      }
      .info-head{
      font-size: 15px;
      font-weight: bold;
      margin-top:15px;
      margin-right:5px;
      }
    </style>
  </head>
  <script type="text/javascript">
    function popdown(){
    $(".help").animate({
    marginTop:"100px",
    }, 1000 );
    }
    function popup(){
    $(".help").animate({
    marginTop:"0px",
    }, 1000 );
    }
  </script>
  <body>
    <div class="div1">a</div>
    <div class="div2">
      <div class="help">
    <a class="info-ok" onclick="popdown()">ok</a>
    <p class="info-head">您的答案</p>
    <p>感谢您对StackPointer做的贡献</p>
    <p>请确保您回答这个问题,这是一个问答网站，而不是一个论坛</p>
    <p></p>
      </div>
    </div>
    <div class="div3">c</div>
    <textarea onclick="popup()"></textarea>
  </body>
</html>
0 голосов
/ 21 июля 2011

Предположим, ваша текстовая область такова 

<textarea id='answer'></textarea>

ТАК, что вы можете использовать 

$('textarea#answer').bind('click', function() {alert('Thanks')})
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...