Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .Slow{
- content:url("https://psv4.userapi.com/c848420/u45105892/docs/d9/5f38243bd900/Arrow_Left-512_1.png?extra=9NRtrbhdGkMxL_sQZsNXRSGlAHtKlq6LBgGytJNPaR3xaheCwTpyrGL3WslL9BkqhlIl-iDAnmTMjX0N8MZDkDMG3fT3GpeHRRaDBZKKUqvaXR_gy9jNP2bIruIOSlIV6G00yVAvECE04BIaEK3J");
- }
- .Fast{
- content:url("https://psv4.userapi.com/c848320/u45105892/docs/d6/d4654061d457/Arrow_Right-512_1.png?extra=fSBOSmzuoQj9GHtm5isAkRC7cuaa40_D67PC-SlOQfODAQ72J5RxYIxgbb3oLkRQtcZDowqrPm1lJnHBQrQWy5m8x69oS5PjrRhbaXn5XZeHs2I_dIKslemFp1_sXekmYjPtOL0dl-IXsUYmxbet");
- }
- .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