More JavaScripts Pagedetails
Get 404 Referrer | Arrow Links | Bookmark Us Link | Close A Window | Closing Windows | Color Chart | Date Time Stamp | Animated GIF Begins | DOM Browser | Drag Move Images | Email Protector | Fake Counter | Following Floating Link | Box Focus Onload | Captures Highlighted | Image Sized Window | Image Fails To Load | Link Of The Minute | Floating Logo | Menu Branding | Display Mouse X - Y | Mouse Orbit | Mouse Bubbles | No Right Click | Page Extension Types | Automatic Page Scroller | Number Of Seconds | Screen Resolutions | Right Click Menu | Roman Numerals | Make Homepage Link | Thumbnail Viewer | Time Greeting | Time On Page | Window Print Link
Drag To Move Images
Description
Simply click images on the web page, drag to move, and then drop images anywhere on the web page. A fun way to allow your visitors to interact with your site....View A Script Demo
Simply click images on the web page, drag to move, and then drop images anywhere on the web page. A fun way to allow your visitors to interact with your site....View A Script Demo
Do you find it confusing setting up these script?
Java Scripts Magic can do all the hard work for you all At The Touch Of A Button.
Java Scripts Magic can do all the hard work for you all At The Touch Of A Button.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="TextPad 4.4">
<LINK href="general.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site: http://home.thezone.net/~rbennett/sitemap.htm -->
<!-- Begin
N = (document.all) ? 0 : 1;
var ob;
function MD(e) {
if (N) {
ob = document.layers[e.target.name];
X=e.x;
Y=e.y;
return false;
}
else {
ob = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
}
function MM(e) {
if (ob) {
if (N) {
ob.moveTo((e.pageX-X), (e.pageY-Y));
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function MU() {
ob = null;
}
if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
// End -->
</script>
</HEAD>
<BODY Background=../graphics/grayback.jpg>
<center><BR><BR><BR>
<!-- Demonstration -->
<div id="s" style="position:absolute;left:50;top:100;">
<img src=ball.gif name="s">
</div>
<div id="d" style="position:absolute;left:50;top:150;">
<img src=ball.gif name="d">
</div>
<div id="c" style="position:absolute;left:100;top:100;">
<img src=ball.gif name="c">
</div>
<div id="h" style="position:absolute;left:100;top:150;">
<img src=ball.gif name="h">
</div>
Just click and hold the 4 images and then you can move them around the page!
<P>
<P>
</center>
</BODY>
</HTML>
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="TextPad 4.4">
<LINK href="general.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site: http://home.thezone.net/~rbennett/sitemap.htm -->
<!-- Begin
N = (document.all) ? 0 : 1;
var ob;
function MD(e) {
if (N) {
ob = document.layers[e.target.name];
X=e.x;
Y=e.y;
return false;
}
else {
ob = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
}
function MM(e) {
if (ob) {
if (N) {
ob.moveTo((e.pageX-X), (e.pageY-Y));
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function MU() {
ob = null;
}
if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
// End -->
</script>
</HEAD>
<BODY Background=../graphics/grayback.jpg>
<center><BR><BR><BR>
<!-- Demonstration -->
<div id="s" style="position:absolute;left:50;top:100;">
<img src=ball.gif name="s">
</div>
<div id="d" style="position:absolute;left:50;top:150;">
<img src=ball.gif name="d">
</div>
<div id="c" style="position:absolute;left:100;top:100;">
<img src=ball.gif name="c">
</div>
<div id="h" style="position:absolute;left:100;top:150;">
<img src=ball.gif name="h">
</div>
Just click and hold the 4 images and then you can move them around the page!
<P>
<P>
</center>
</BODY>
</HTML>
If you have a Business Proposal that you think may be of interest to us here at Best Download Sites please contact us to discuss the matter in further detail