Mudanças entre as edições de "Teste"

De Cliomatica - Digital History
Linha 1: Linha 1:
−
<!DOCTYPE html>
+
{| width="450" style="float:right; margin-left: 10px;margin-right: 10px;border-style:solid; border-width: 0 0 2px 2px; background-size: 450px 200px; background-repeat: no-repeat; background-image: linear-gradient(to right,blue 0%,red 100%),url('cliomatica2.gif'); background-blend-mode:screen; border-color:#B943C2; padding: 55px" padding: 30px
−
<html>
+
|'''{{Letra|%=100|texto= >>}} '''
−
<style>
+
|-
−
#myContainer {
+
|
−
  width: 400px;
+
|-
−
  height: 400px;
+
|
−
  position: relative;
+
|
−
  background: yellow;
 
−
}
 
−
#myAnimation {
 
−
  width: 50px;
 
−
  height: 50px;
 
−
  position: absolute;
 
−
  background-color: red;
 
−
}
 
−
</style>
 
−
<body>
 
  
−
<p>
+
{{{links}}}
−
<button onclick="myMove()">Click Me</button>
+
|-
−
</p>
+
|}
−
 
 
−
<div id ="myContainer">
 
−
<div id ="myAnimation"></div>
 
−
</div>
 
−
 
 
−
<script>
 
−
function myMove() {
 
−
  var elem = document.getElementById("myAnimation"); 
 
−
  var pos = 0;
 
−
  var id = setInterval(frame, 10);
 
−
  function frame() {
 
−
    if (pos == 350) {
 
−
      clearInterval(id);
 
−
    } else {
 
−
      pos++;
 
−
      elem.style.top = pos + 'px';
 
−
      elem.style.left = pos + 'px';
 
−
    }
 
−
  }
 
−
}
 
−
</script>
 
−
 
 
−
</body>
 
−
</html>
 

Edição das 09h47min de 13 de fevereiro de 2020

{| width="450" style="float:right; margin-left: 10px;margin-right: 10px;border-style:solid; border-width: 0 0 2px 2px; background-size: 450px 200px; background-repeat: no-repeat; background-image: linear-gradient(to right,blue 0%,red 100%),url('cliomatica2.gif'); background-blend-mode:screen; border-color:#B943C2; padding: 55px" padding: 30px
|'''{{Letra|%=100|texto= >>}} '''
|-
| 
|-
| 
|

{{{links}}}
|-
|}
Disponível em "http://lhs.unb.br/cliomatica/index.php?title=Teste&oldid=626"