Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .Slow{
- content:url("https://psv4.userapi.com/c856236/u45105892/docs/d10/8f4fcd28c1e5/Arrow_Left-512_2.png?extra=qKUZuSr14R4JewOBmSWLz9A5Xm4SN-6vtvu8pf7FBm2LYpBJp0DyMEbDmW6qPSBUvWXa_8uqrvOMVw_pahkqopVHMngKkbD-Pv65a4yyZnD9R52tsSsn9XdKjs26-eOrLNVYFMLqTkGUdV7GrHZd");
- }
- .Fast{
- content:url("https://psv4.userapi.com/c856424/u45105892/docs/d13/5086f97b12f8/Arrow_Right-512_2.png?extra=7_-pFugnLbW3tpLN1j_FHhkn5B7eorjjuP49JP_bYy62diePNlDV0tYiHt1d2_s-pvcU4izU2AiYtq_1AyfWO5-B0lJ62TLiF5aw0SFrglWk3sCuotnJxGnQlr8R-Ec5_vBpg1Ob0YfpVgy3M0gi");
- }
- .First{
- content:url("https://sun9-6.userapi.com/c850608/v850608951/3332b/k96pCT7go-4.jpg");
- }
- .Second{
- content: url("https://sun9-59.userapi.com/c857336/v857336951/5cf45/Q-BWmELt6kY.jpg");
- }
- .Third{
- content:url("https://sun9-67.userapi.com/c858136/v858136951/f9593/6N1zk2wLUKo.jpg");
- }
- .Fourth{
- content: url("https://sun9-2.userapi.com/c855320/v855320951/176de3/bRckrqWsjgA.jpg");
- }
- .Fifth{
- content:url("https://sun9-25.userapi.com/c858224/v858224951/101438/0-m0-OVFHig.jpg");
- }
- </style>
- <HTML>
- <HEAD>
- <meta http-equiv='refresh' content='10' />
- <meta http-equiv='content-type' content='text/html; charset = UTF-8'>
- <TITLE> Arduino project - Ethernet Shield</TITLE>
- <BODY bgcolor="#808080">
- <H1>Управляй чем угодно и как угодно</H1>
- <hr/>
- <br/>
- <div id="top">
- <img class = "Slow" onclick = "changeColor(-1)" width="200" height=200">
- <img id ="speed" class = "Third" width="300" height=200">
- <img class = "Fast" onclick = "changeColor(1)" width="200" height=200">
- </div>
- <br>
- <br/>
- <script>
- var image = document.getElementById("speed");
- var count = 2;
- function changeColor(i)
- {
- count +=i;
- if(count>4){
- count = 4;
- }
- if(count<0){
- count = 0;
- }
- if(count == 0){
- image.className = "First";
- }
- if(count == 1){
- image.className = "Second";
- }
- if(count == 2){
- image.className = "Third";
- }
- if(count == 3){
- image.className = "Fourth";
- }
- if(count == 4){
- image.className = "Fifth";
- }
- }
- </script>
- </BODY>
- </HEAD>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement