数组左右位移 ->> 动画
数组的左移 :
写到这里 突然想做个动画。于是就有了下面的代码
||
||
||
打开浏览器看效果。 哇`````` 好好看哦。 把 1000 间隔设置为 10 。 哇哇哇。 全变成了 $$
/*
* 左移
*/
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>
打开浏览器看效果。 哇`````` 好好看哦。 把 1000 间隔设置为 10 。 哇哇哇。 全变成了 $$
...全文
相关推荐
数码管左右移动(4).rar
数据存储:将要显示的数字存储在一个数组中,数组的每个元素代表一个数码管的显示状态。左右移动时,对这个数组进行位移操作。2.
java byte相互转换详解左右位移
**具体实现:**当我们需要将int转换为byte数组时,通常会使用位移操作将int的四个字节分别提取出来。
SwipeListView 支持定义ListView左右滑动事件,支持左右滑动位移,支持定义动画时间
滑动位移:该组件允许自定义滑动的位移量,这意味着开发者可以控制滑动操作后显示的视图暴露的范围。这有助于保持界面的一致性和美观性,确保滑动操作不会过度侵入其他元素。3.
IOS位移动画和渐隐动画
位移动画的基本步骤如下:1.
左右摇摆动画
对于“左右摇摆动画”,我们可以使用CSS3的`transform`属性配合`transition`属性,或者利用JavaScript的定时器函数如`requestAnimationFrame`来控制元素的位移


Web 开发
