Zeigen (Folie) Textfeld beim Klicken auf etwas

Ich frage mich, wie kann ich den Effekt einer Textbox, div machen; Ich weiß nicht, wenn Sie auf etwas wie in this klicken. Geh runter und klicke dort, wo "patchnotes" steht; Das ist etwas, was ich mich schon seit einiger Zeit gefragt habe, aber ich konnte keine Webseite finden, um ein Beispiel zu geben.Zeigen (Folie) Textfeld beim Klicken auf etwas

Quelle

2017-01-07 fuhrerguxez

so was genau ist das Problem Sie konfrontiert sind? ... –

@ Caelan.Ich hatte kein Problem; Ich wollte nur wissen, wie ich diesen Effekt erzielen kann. – fuhrerguxez

Es ist tatsächlich Bootstrap Modal verwenden.

<html lang="en"> 
 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 
    <h2>Basic Modal Example</h2> 
 
    <!-- Trigger the modal with a button --> 
 
    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 
 

 
    <!-- Modal --> 
 
    <div class="modal fade" id="myModal" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
      <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <p>Some text in the modal.</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
     </div> 
 
     
 
    </div> 
 
    </div> 
 
    
 
</div> 
 

 
</body> 
 
</html>

Sie die folgenden für weitere Informationen verweisen:

Quelle

2017-01-07 06:18:07

wie ich verstehe Sie so etwas wie dies wollen: in der HTML-Datei:

<button onclick="myMove()">Click Me</button> 
<input type="text" id="animate">

und in javascript:

function myMove() { 
var elem = document.getElementById("animate"); 
var pos = 0; 
var id = setInterval(frame, 5); 
function frame() { 
if (pos == 350) { 
clearInterval(id); 
} else { 
pos++; 
elem.style.width = pos + 'px'; 
} 
}

Quelle

2017-01-07 06:18:36

Zeigen (Folie) Textfeld beim Klicken auf etwas

Antwort

Verwandte Themen