<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>EffectAssembledTest.html</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
<style type="text/css">
.class1{
color: #345456;
font-weight: 800;
font-size: 30px;
background-color: #12ff56;
width: 300px;
}
</style>
</head>
<body>
<div id="div" class="class1">
<div>
This is a test.
</div>
</div>
<select id="sel">
<option value="Effect.Appear">Effect.Appear</option>
<option value="Effect.Fade">Effect.Fade</option>
<option value="Effect.Puff">Effect.Puff</option>
<option value="Effect.DropOut">Effect.DropOut</option>
<option value="Effect.Shake">Effect.Shake</option>
<option value="Effect.SwitchOff">Effect.SwitchOff</option>
<option value="Effect.BlindDown">Effect.BlindDown</option>
<option value="Effect.BlindUp">Effect.BlindUp</option>
<option value="Effect.SlideDown">Effect.SlideDown</option>
<option value="Effect.SlideUp">Effect.SlideUp</option>
<option value="Effect.Pulsate">Effect.Pulsate</option>
<option value="Effect.Squish">Effect.Squish</option>
<option value="Effect.Fold">Effect.Fold</option>
<option value="Effect.Grow">Effect.Grow</option>
<option value="Effect.Shrink">Effect.Shrink</option>
</select>
<input type="button" onclick="test()" value="click" />
<select id="sel2">
<option value="slide">slide</option>
<option value="blind">blind</option>
<option value="appear">appear</option>
</select>
<input type="button" onclick="test2()" value="click" />
</body>
<script type="text/javascript">
//测试15种组合特效
function test () {
var strScript = $F("sel") + "('div');";
//运行特效
eval(strScript);
}
//测试Effect.toggle方法
function test2 () {
//生成执行特效脚本
var strScript = "Effect.toggle('div', '" + $F("sel2") + "');";
eval(strScript);
}
</script>
</html>
分享到:
相关推荐
《Prototype and script.aculo.us终极揭秘》试读样章
ajax的两个框架,prototype是一个非常基础的框架,它对JavaScript固有的对象进行了扩展,还提供了若干自定义的类和对象,帮助...对于中小型的Ajax应用项目应用项目而言,prototype+script.aculo.us是一个非常不错的组合
Practical.Prototype.and.script.aculo.us.Jun.2008
Prototype.and.script.aculo.us.Dec.2007.pdf
用script.aculo.us实现googleSuggest效果.内附说明你文件
script.aculo.us框架的完整的文档包
Script.Aculo.Us开发系列教程,来自CnBlog的文章,本人搜集,下载,打包,o(∩_∩)o...
Pragmatic.Prototype.and.script.aculo.us.Dec.2007 学习 javascript 和prototype
包含了Prototype 1.6.0以及script.aculo.us 1.8.0最终版的介绍
一本关于使用Prototype和script.aculo.us的英文书。
解压密码在:http://www.pin5i.com/showtopic-php-and-script.aculo.us-web-2.0-application-interfaces.html
Rails采用的Javascript框架Script.aculo.us的英文文档,
Practical Prototype and script.aculo.us (Expert's Voice in Web Development) 有关prototype的好书,英文的
基于Prototype框架的一个非常优秀的开源Ajax框架,封装了许多控件:AotuComplete,Accordion,Slider等,很多的动画效果,还有拖拽,DOM Utility等等 刚才在Download里面Search了一下好像没有,所以传上来一个,这个...
prototype.js是一个非常优雅的javascript基础类库,对javascript做了大量的扩展,而且很好的支持Ajax.
js的框架prototype的作者写的关于prototype的学习用书。自己感觉很不错,很清晰。英文的。
prototype是一个非常优雅的JS库,定义了JS的面向对象扩展,DOM操作API,事件等等,之上还有rico/script.aculo.us实现一些JS组件功能和效果(不过目前还不是很完善),以prototype为核心,形成了一个外围的各种各样的JS...
火龙果软件工程技术中心 本文内容包括:Scriptaculous简介拖放控件运行示例结束语下载参考资料您正在构建Web应用程序吗?这个应用程序是像cragislist,还是更像flickr?如果答案是前者,那么您可以跳过本文了。...