SHARE
TWEET

Untitled

a guest Nov 22nd, 2019 101 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. .Slow{
  3.     content:url("https://psv4.userapi.com/c856236/u45105892/docs/d10/8f4fcd28c1e5/Arrow_Left-512_2.png?extra=qKUZuSr14R4JewOBmSWLz9A5Xm4SN-6vtvu8pf7FBm2LYpBJp0DyMEbDmW6qPSBUvWXa_8uqrvOMVw_pahkqopVHMngKkbD-Pv65a4yyZnD9R52tsSsn9XdKjs26-eOrLNVYFMLqTkGUdV7GrHZd");
  4. }
  5. .Fast{
  6.     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");
  7. }
  8. .First{
  9.     content:url("https://sun9-6.userapi.com/c850608/v850608951/3332b/k96pCT7go-4.jpg");
  10. }
  11. .Second{
  12.     content: url("https://sun9-59.userapi.com/c857336/v857336951/5cf45/Q-BWmELt6kY.jpg");
  13. }
  14. .Third{
  15.     content:url("https://sun9-67.userapi.com/c858136/v858136951/f9593/6N1zk2wLUKo.jpg");
  16. }
  17. .Fourth{
  18.     content: url("https://sun9-2.userapi.com/c855320/v855320951/176de3/bRckrqWsjgA.jpg");
  19. }
  20. .Fifth{
  21.     content:url("https://sun9-25.userapi.com/c858224/v858224951/101438/0-m0-OVFHig.jpg");
  22. }
  23. </style>
  24. <HTML>
  25.  
  26. <HEAD>
  27.     <meta http-equiv='refresh' content='10' />
  28.     <meta http-equiv='content-type' content='text/html; charset = UTF-8'>
  29.     <TITLE> Arduino project - Ethernet Shield</TITLE>
  30.  
  31. <BODY bgcolor="#808080">
  32.  
  33.     <H1>Управляй чем угодно и как угодно</H1>
  34.     <hr/>
  35.     <br/>
  36.     <div id="top">
  37.     <img class = "Slow" onclick = "changeColor(-1)" width="200" height=200">
  38.     <img id ="speed" class = "Third" width="300" height=200">
  39.     <img class = "Fast" onclick = "changeColor(1)" width="200" height=200">
  40.     </div>
  41.     <br>
  42.     <br/>
  43.  
  44.          <script>
  45.             var image =  document.getElementById("speed");
  46.             var count = 2;
  47.             function changeColor(i)
  48.             {
  49.                 count +=i;
  50.                 if(count>4){
  51.                     count = 4;
  52.                 }
  53.                 if(count<0){
  54.                    count = 0;
  55.                }
  56.                if(count == 0){
  57.                image.className = "First";
  58.                }
  59.                                if(count == 1){
  60.                image.className = "Second";
  61.                }
  62.                                if(count == 2){
  63.                image.className = "Third";
  64.                }
  65.                                if(count == 3){
  66.                image.className = "Fourth";
  67.                }
  68.                                if(count == 4){
  69.                image.className = "Fifth";
  70.                }
  71.           }
  72.       </script>
  73. </BODY>
  74.  
  75. </HEAD>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top