震动窗口
原作者:Mark Fennell
翻译整理:zippy
闪光地带
试试单击下面的按钮,怎么样,Did you shocked?其实这是通过Flash调用JavaScript函数得到的效果,现在就开始我们的学习。:)
首先,我们要知道在这个效果中,起决定性作用的是JavaScript,而非Flash本身。下面的3个函数可以使浏览器窗口产生震动的效果!他们可以在4.0以上版本浏览器中工作的很好。
■shake_xy(n) : 使浏览器在X、Y轴上产生震动效果,其中的n为一个数字,数值越大,震动的效果越剧烈。
■shake_x(n) : 使浏览器在X轴上产生震动效果
■shake_y(n) : 使浏览器在Y轴上产生震动效果
接下来,把下面的JavaScript插入到你HTML中:
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Modified by zippy http://www.cnflashzone.com -->
function shake_xy(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}
}
}
}
function shake_x(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(i,0);
self.moveBy(-i,0);
}
}
}
}
function shake_y(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(0,-i);
}
}
}
}
//-->
</SCRIPT>
最后,在Flash中使用“Get Url”命令来调用这段JavaScript,
Get URL("javascript:shake_x(5)"),当然,你也可以把shake_x改成shake_y或shake_xy。
如图所示:
单击这里下载源文件慢慢研究。 下载源文件
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |