数组左右位移 ->> 动画

_Nick_ 2010-12-28 05:12:45

数组的左移 :



/*

 * 左移

 */

public class A {



	static char[] a = { '1', '2', '3', '4', '5', '6', '7', '8' };



	public static void main(String[] args) {



		for (int j = 0; j < a.length; j++) {

			System.out.print(g(a, j));

		}

	}



	static char g(char[] a, int j) {

		if (1 + j >= a.length) {

			return a[0];

		} else {

			return a[1 + j];

		}

	}

}

//输出 2 3 4 5 6 7 8 1





/*

 * 右移

 */

class B {



	static char[] a = { '1', '2', '3', '4', '5', '6', '7', '8' };



	public static void main(String[] args) {



		for (int j = 0; j < a.length; j++) {

			System.out.print(g(a, j));

		}

	}



	static char g(char[] a, int j) {

		if (j - 1 < 0) {

			return a[a.length - 1 - j];

		} else {

			return a[j - 1];

		}

	}

}

//输出 8 1 2 3 4 5 6 7

写到这里突然想做个动画。于是就有了下面的代码

||
||
||





<html>



	<style>



		.container table tr td{font-size:130px;}

		.container table{width:100%;height:100%}

	</style>

	<body>

		<div class="container">



			<table>

				<tr>

					<td bgColor="red">1</td>

					<td bgColor="yellow">2</td>

					<td bgColor="gray">3</td>

				</tr>

				<tr>

					<td bgColor="lightblue">4</td>

					<td bgColor="pink">5</td>

					<td bgColor="#FFFF99">6</td>

				</tr>

				<tr>

					<td bgColor="gray">7</td>

					<td bgColor="yellow">8</td>

					<td bgColor="red">9</td>

				</tr>



			</table>



		

		</div>

	</body>

	

	<script>

	



		function run() {

			var elements = document.getElementsByTagName("td");

			var newelements = new Array();

			for(var i = 0; i < elements.length; i ++ ) {

				newelements.push(toggle(elements, i));

			}

			var last = newelements[newelements.length - 1].innerHTML;

			for(var j = 0 ; j < newelements.length; j ++){

				elements[j].innerHTML = newelements[j].innerHTML;

			 }

			elements[elements.length - 1].innerHTML = last;

		}

                //利用上面所说的左移

		function toggle(elements, idx) {

			if(1 + idx >= elements.length) {

				return elements[0];

			} else {

				return elements[1 + idx];

			}

			



		}

		setInterval("run()", 1000);

		

	</script>

</html>