Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <link href="Style.css" rel="stylesheet">
- <style>
- .Stange {
- width : 600px;
- height : 10px;
- Background-color: white;
- color: Black;
- padding: 5px;
- margin: 5px;
- }
- .kugeln
- {
- margin-right:0;
- -webkit-transition: width 2s linear 1s;
- transition: width 2s;
- }
- .kugeln-trans
- {
- margin-right: 300px;
- }
- </style>
- <meta charset="ISO-8859-1">
- <title>Insert title here</title>
- </head>
- <body>
- <div class="Stange">
- <span id= "5_ue" class="kugeln">O</span><span id= "5_9">O</span><span id= "5_8">O</span><span id= "5_7">O</span><span id= "5_6">O</span><span id= "5_5">O</span><span id= "5_4">O</span><span id= "5_3">O</span><span id= "5_2">O</span><span id= "5_1">O</span>
- <span>----------</span>
- </div>
- <div class="Stange">OOOOOOOOOO----------</div>
- <div class="Stange">OOOOOOOOOO----------</div>
- <div class="Stange">OOOOOOOOOO----------</div>
- <div class="Stange">OOOOOOOOOO----------</div>
- <script type="text/javascript">
- /*(function () {
- var move = document.getElementById("5_ue");
- move.onclick = function () {
- if (move.style.marginRight === "300px") {
- move.style.marginRight = "0";
- } else {
- move.style.marginRight = "300px";
- }
- };
- })();*/
- $("#5_ue").click(function() {
- $('.kugeln').toggleClass('kugeln-trans');
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement