Библиотека Javascript. SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Фото и загрузке из верхнего левого угла автоматически перемещаются в центр верха и в середину</title> <SCRIPT TYPE="text/javascript"> var URL = "15/15-2010-01.htm" var speed = 1 function reload() { location = URL } setTimeout("reload()", speed); </script> <style type="text/css"> body { font: 12px/1.3 verdana, arial, helvetica, sans-serif } h1 { font-size:1.3em } a:link { color:#33c } a:visited { color:#339 } ul { margin: 1.2em 2em 2em; padding:0 } li { margin: 0 0 .5em 0 } #lyr1 { position:absolute; visibility:hidden; left:0; top:0; background-color:red; } #lyr2 { position:absolute; visibility:hidden; left:0; top:0; background-color:navy } </style> <script src="js/dw_lib.js" type="text/javascript"></script> <script src="js/dw_glide.js" type="text/javascript"></script> <script type="text/javascript"> /************************************************************************* This code is from Dynamic Web Coding at www.dyn-web.com Copyright 2003-4 by Sharon Paine See Terms of Use at www.dyn-web.com/bus/terms.html regarding conditions under which you may use this code. This notice must be retained in the code as is! *************************************************************************/ var obj1, obj2; function init() { // Arguments to constructor: id, x, y, w, y obj1 = new dynObj('lyr1', 10, 10, 20, 20); obj2 = new dynObj('lyr2', 10, 10, 20, 20); obj1.show(); obj2.show(); // Arguments to slideTo method: destination x, destination y, duration of slide, acceleration factor // which should be number between -1 and 1 ( -1 full decelerated, 1 full accelerated, 0 linear, i.e. no acceleration) obj1.slideTo(500, 10, 1000, -1); obj2.slideTo(10, 340, 1000, -1); } </script> </head> <body onload="init()"> <h1>Acceleration/Deceleration</h1> <p>The sliding layers code provides the capability to control the rate of acceleration or deceleration in the motion of layers. Test this with the links below. (Hover first to see their acceleration factor.) You can control the duration of the slide from the link also.</p> <p>The code includes methods for sliding to specified locations and sliding by specified amounts. Code comments contain more information.</p> <ul>  <li><a href="javascript: void obj1.slideTo(40, 300, 1000, -1)" title="acceleration factor: -1">slide red</a> to 40, 300</li> <li><a href="javascript: void obj2.slideTo(400, 200, 1000, .3)" title="acceleration factor: .3">slide blue</a> to 400, 200</li> <li><a href="javascript: void obj1.slideBy(50, -10, 300, .7)" title="acceleration factor: .7">slide red</a> by 50, -10</li> <li><a href="javascript: void obj2.slideBy(40, 20, 200, -.6)" title="acceleration factor: -.6">slide blue</a> by 40, 20 </li> <li><a href="javascript: void obj1.slideTo(400, 10, 500, 1); obj2.slideTo(440, 10, 500, 1)" title="acceleration factor: 1">move layers off text</a></li> </ul> <p><a href="http://www.dyn-web.com">www.dyn-web.com</a></p> <div id="lyr1"></div> <div id="lyr2"></div> <a href="013.zip"><b>Пример в архиве</b></a> </body> </html>