Simple moveable Div with an image and without an image
This example show how easy a moveable Div can be set up. You need only to include class="dynDiv_moveDiv" and you can move the Div over the whole Screen.
This is a Test Div with ByRei DynDiv, move it ;)
HTML Code
<link rel="stylesheet" type="text/css" href="byrei-dyndiv_0.5.css">
<script type="text/javascript" src="byrei-dyndiv_1.0rc1.js"></script>
[Custom or additional CSS Code]
<div id="testdiv_1" class="dynDiv_moveDiv">
This is a Test Div with ByRei DynDiv, move it ;)
</div>
<div id="testdiv_2" class="dynDiv_moveDiv"></div>
Additional CSS Code
#testdiv_1 {
width: 200px;
height: 200px;
background: #ccc;
border: 1px solid #aaa;
padding: 10px;
top: 200px;
left: 250px;
position: absolute;
}
#testdiv_2 {
width: 295px;
height: 394px;
right: 10px;
top: 160px;
border: 1px solid #aaa;
background: url('../example.jpg') no-repeat;
position: absolute;
}