- <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
- <%
- String path = request.getContextPath();
- String basePath = request.getScheme() + "://"
- + request.getServerName() + ":" + request.getServerPort()
- + path + "/";
- %>
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <base href="<%=basePath%>">
- <title>helloscriptaculous</title>
- <script src="js/prototype.js" type="text/javascript"></script>
- <script src="js/scriptaculous.js" type="text/javascript"></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">
- This is a test
- </div>
- <br>
- <select id="sel" οnchange="test()">
- <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>
- <select id="sel2" οnchange="test2()">
- <option value="slide">
- slide
- </option>
- <option value="blind">
- blind
- </option>
- <option value="appear">
- appear
- </option>
- </select>
- <script type="text/javascript">
- function test(){
- var strScript = $F("sel")+"('div');";
- eval(strScript);
- }
- function test2(){
- var strScript = "Effect.toggle('div','"+$F("sel2")+"')";
- eval(strScript);
- }
- </script>
- </body>
- </html>
转载于:https://blog.51cto.com/huqianhao/955015