html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!--
created by JaScript
The image's link provided by Dropbox has to be prepared
"dl=0" at its end will be raplaced with "raw=1" and looks
and if needed additional "www" will be replaced with "dl"
similar like https://dl.dropbox.com/s/g4f2ko6tt8c80f4/jatest.jpg?raw=1
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale = 1, minimum-scale = 1, user-scalable = no, minimal-ui" />
<title>Image Movement In Two Kind of Ways</title>
<script src="https://dl.dropbox.com/s/2aqdwf56wzpjyqw/jamod.js?raw=1"></script>
<style>
body {
background-color: steelblue;
margin: 0;
height: 100vh;
width: 100vw;
position: fixed;
user-select: none;
-webkit-user-select: none;
}
button{
Enter to Rename, Shift+Enter to Preview
css
css
1
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/*
created by JaScript
The image's link provided by Dropbox has to be prepared
"dl=0" at its end will be raplaced with "raw=1"
and if needed additional "www" will be replaced with "dl"
and looks similar like
https://dl.dropbox.com/s/g4f2ko6tt8c80f4/jatest.jpg?raw=1
*/
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run