utecode

<div style="position:fixed;left:30%;top:70%;width:30%">
<a href="javascript:atnbg20170211sa2049('rm')" style="color:burlywood">m</a>
<a href="javascript:atnbg20170211sa2049('rw')" style="color:burlywood;position:absolute;left:50%">w</a>
<a href="javascript:atnbg20170211sa2049('rd')" style="color:burlywood;position:absolute;left:100%">d</a></div>
<img src="" id="atnbg20170211sa2049r" style="position:fixed;left:10%;top:10%;width:30%" />
<div style="position:fixed;left:60%;top:70%;width:30%">
<a href="javascript:atnbg20170211sa2049('um')" style="color:burlywood">m</a>
<a href="javascript:atnbg20170211sa2049('uw')" style="color:burlywood;position:absolute;left:50%">w</a>
<a href="javascript:atnbg20170211sa2049('ud')" style="color:burlywood;position:absolute;left:100%">d</a></div>
<img src="" id="atnbg20170211sa2049u" style="position:fixed;left:50%;top:10%;width:30%" />
<div style="position:fixed;left:0px;bottom:0px;width:100px;height:100px;background-color:greenyellow" onmouseover="atnbg20170211sa2049('cp')"><div id="atnbg20170211sa2049('pq')" style="position:absolute;left:40%;bottom:110%;width:100%;height:50%;background-color:pink;display:none" onmouseover="atnbg20170211sa2049('p')"></div></div>
<div style="position:fixed;right:0px;bottom:0px;width:100px;height:100px;background-color:greenyellow" onmouseover="atnbg20170211sa2049('cn')"><div id="atnbg20170211sa2049('pq')" style="position:absolute;right:40%;bottom:110%;width:100%;height:50%;background-color:pink;display:none" onmouseover="atnbg20170211sa2049('n')"></div></div>

<div id="atnbg20170211sa2049n" style="position:fixed;left:20%;top:60%;color:violet"></div>

<input id="atnbg20170211sa2049i" style="position:fixed;left:0%;top:0%" /><a href="javascript:atnbg20170211sa20499('getlist')" id="atnbg20170211sa2049of" style="font-size:2em;color:orange"></a><a href="javascript:atnbg20170211sa2049('getlist')" id="atnbg20170211sa2049of" style="font-size:2em;color:violet">get list</a>