当前位置: 代码迷 >> Java Web开发 >> 求救,SOS!解决思路
  详细解决方案

求救,SOS!解决思路

热度:8   发布时间:2016-04-17 14:45:06.0
求救,,,SOS!!!
我想在网页里加入如下图片的可以移动的东东,求原代码,或者例子,谢谢了。
http://p.blog.csdn.net/images/p_blog_csdn_net/chang2030/302169/o_2.BMP


------解决方案--------------------
<script>

// Here are the initial values for our animation

var x = 0, y = 0, w=200, h=200; // Window position and size

var dx = 5, dy = 5; // Window velocity

var interval = 100; // Milliseconds between updates


// Create the window that we 're going to move around

// The javascript: URL is simply a way to display a short document

// The final argument specifies the window size

var win = window.open( 'javascript: " <h1> BOUNCE! </h1> " ', " ",

"width= " + w + ",height= " + h);


// Set the initial position of the window

win.moveTo(x,y);


// Use setInterval( ) to call the bounce( ) method every interval

// milliseconds. Store the return value so that we can stop the

// animation by passing it to clearInterval( ).

var intervalID = window.setInterval( "bounce( ) ", interval);


// This function moves the window by (dx, dy) every interval ms

// It bounces whenever the window reaches the edge of the screen

function bounce( ) {

// If the user closed the window, stop the animation

if (win.closed) {

clearInterval(intervalID);

return;

}


// Bounce if we have reached the right or left edge

if ((x+dx > (screen.availWidth - w)) || (x+dx < 0)) dx = -dx;


// Bounce if we have reached the bottom or top edge

if ((y+dy > (screen.availHeight - h)) || (y+dy < 0)) dy = -dy;


// Update the current position of the window

x += dx;

y += dy;


// Finally, move the window to the new position

win.moveTo(x,y);

}

</script>


<!-- Clicking this button stops the animation! -->

<form>

<input type= "button " value= "Stop "

onclick= "clearInterval(intervalID); win.close( ); ">

</form>


  相关解决方案