用scriptaculous增强Web应用程序

扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条

本文将深入探讨如何利用scriptaculous的一些特性，包括拖放功能、分类等。我们从给一个基本的网页增加拖放特性开始进行说明。

作者：builder.com.cn 2007年1月30日

关键字：

<html><head>

<script language="JavaScript" src="scriptaculous/lib/prototype.js"></script>

<script language="JavaScript" src="scriptaculous/src/scriptaculous.js"></script>

<script type="text/javascript">

function visualEffects() {

new Effect.Fade('imageOne',4);

new Effect.Pulsate('imageTwo');

new Effect.Shake('imageThree');

new Effect.Highlight('header', {startcolor: '#ffffff', endcolor: '#cccccc', duration: 20});

}

</script></head>

<body onLoad="visualEffects();">

<h1 id="header">Fun with visual effects</h1>

<div id="pics">

<imgsrc="1.jpg" style="width : 400px; height : 500px;" id="imageOne"/><br>

<imgsrc="2.jpg" style="width : 400px; height : 500px;" id="imageTwo"/><br>

<imgsrc="3.jpg" style="width : 400px; height : 500px;" id="imageThree"/>

</div></body></html>

VIP专区

VIP用户

普通用户

邮件订阅

如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。

重磅专题

往期文章

用scriptaculous增强Web应用程序

业界热点: