mochikit_v14/examples/effects/effects_scroll.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   4 <head>
   5   <title>script.aculo.us Effects functional test file</title>
   6   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   7     <script src="../../MochiKit/MochiKit.js" type="text/javascript"></script>
   8     <script src="../../MochiKit/Position.js" type="text/javascript"></script>
   9     <script src="../../MochiKit/Visual.js" type="text/javascript"></script>
  10 </head>
  11 <body>
  12 <h1>script.aculo.us ScrollTo effect functional test</h1>
  13
  14 <a onclick="new MochiKit.Visual.ScrollTo('down-below',{duration:5.0}); return false;">scroll (slow-mo) down-below...</a>,
  15 <a onclick="new MochiKit.Visual.ScrollTo('last-heading'); return false;">scroll last-heading</a>
  16
  17 <h2 id="first-heading"><b>first-heading</b>Heading 2</h2>
  18 <ul>
  19   <li>item</li>
  20   <li>item</li>
  21   <li>item</li>
  22   <li>item</li>
  23   <li>item</li>
  24   <li>item</li>
  25   <li>item</li>
  26   <li>item</li>
  27   <li>item</li>
  28   <li>item</li>
  29 </ul>
  30
  31 <h2>Heading 2</h2>
  32 <ul>
  33   <li>item</li>
  34   <li>item</li>
  35   <li>item</li>
  36   <li>item</li>
  37   <li>item</li>
  38   <li>item</li>
  39   <li>item</li>
  40   <li>item</li>
  41   <li>item</li>
  42   <li>item</li>
  43 </ul>
  44
  45 <h2>Heading 2</h2>
  46 <ul>
  47   <li>item</li>
  48   <li>item</li>
  49   <li>item</li>
  50   <li>item</li>
  51   <li>item</li>
  52   <li>item</li>
  53   <li>item</li>
  54   <li>item</li>
  55   <li>item</li>
  56   <li>item</li>
  57 </ul>
  58
  59 <h2>Heading 2</h2>
  60 <ul>
  61   <li>item</li>
  62   <li>item</li>
  63   <li>item</li>
  64   <li>item</li>
  65   <li>item</li>
  66   <li>item</li>
  67   <li>item</li>
  68   <li>item</li>
  69   <li>item</li>
  70   <li>item</li>
  71 </ul>
  72
  73 <h2>Heading 2</h2>
  74 <ul>
  75   <li>item</li>
  76   <li>item</li>
  77   <li>item</li>
  78   <li>item</li>
  79   <li>item</li>
  80   <li>item</li>
  81   <li>item</li>
  82   <li>item</li>
  83   <li>item</li>
  84   <li>item</li>
  85 </ul>
  86
  87 <h2>Heading 2</h2>
  88 <ul>
  89   <li>item</li>
  90   <li>item</li>
  91   <li>item</li>
  92   <li>item</li>
  93   <li>item</li>
  94   <li>item</li>
  95   <li>item</li>
  96   <li>item</li>
  97   <li>item</li>
  98   <li>item</li>
  99 </ul>
 100
 101 <h2>Heading 2</h2>
 102 <ul>
 103   <li>item</li>
 104   <li>item</li>
 105   <li>item</li>
 106   <li>item</li>
 107   <li>item</li>
 108   <li>item</li>
 109   <li>item</li>
 110   <li>item</li>
 111   <li>item</li>
 112   <li>item</li>
 113 </ul>
 114
 115 <h2>Heading 2</h2>
 116 <ul>
 117   <li>item</li>
 118   <li>item</li>
 119   <li>item</li>
 120   <li>item</li>
 121   <li>item</li>
 122   <li>item</li>
 123   <li>item</li>
 124   <li>item</li>
 125   <li>item</li>
 126   <li>item</li>
 127 </ul>
 128
 129 <h2>Heading 2</h2>
 130 <ul>
 131   <li>item</li>
 132   <li>item</li>
 133   <li>item</li>
 134   <li>item</li>
 135   <li>item</li>
 136   <li>item</li>
 137   <li>item</li>
 138   <li>item</li>
 139   <li>item</li>
 140   <li>item</li>
 141 </ul>
 142
 143 <h2>Heading 2</h2>
 144 <ul>
 145   <li>item</li>
 146   <li>item</li>
 147   <li>item</li>
 148   <li>item</li>
 149   <li>item</li>
 150   <li>item</li>
 151   <li>item</li>
 152   <li>item</li>
 153   <li>item</li>
 154   <li>item</li>
 155 </ul>
 156
 157 <h2>Heading 2</h2>
 158 <ul>
 159   <li>item</li>
 160   <li>item</li>
 161   <li>item</li>
 162   <li>item</li>
 163   <li>item</li>
 164   <li>item</li>
 165   <li>item</li>
 166   <li>item</li>
 167   <li>item</li>
 168   <li>item</li>
 169 </ul>
 170
 171 <h2>Heading 2</h2>
 172 <ul>
 173   <li>item</li>
 174   <li>item</li>
 175   <li>item</li>
 176   <li>item</li>
 177   <li>item</li>
 178   <li>item</li>
 179   <li>item</li>
 180   <li>item</li>
 181   <li>item</li>
 182   <li>item</li>
 183 </ul>
 184
 185 <h2 id="down-below"><b>DOWN BELOW</b>Heading 2</h2>
 186 <ul>
 187   <li>item</li>
 188   <li>item</li>
 189   <li>item</li>
 190   <li>item</li>
 191   <li>item</li>
 192   <li>item</li>
 193   <li>item</li>
 194   <li>item</li>
 195   <li>item</li>
 196   <li>item</li>
 197 </ul>
 198
 199 <a onclick="new MochiKit.Visual.ScrollTo('first-heading'); return false;">scroll...</a>
 200
 201 <h2>Heading 2</h2>
 202 <ul>
 203   <li>item</li>
 204   <li>item</li>
 205   <li>item</li>
 206   <li>item</li>
 207   <li>item</li>
 208   <li>item</li>
 209   <li>item</li>
 210   <li>item</li>
 211   <li>item</li>
 212   <li>item</li>
 213 </ul>
 214
 215 <h2>Heading 2</h2>
 216 <ul>
 217   <li>item</li>
 218   <li>item</li>
 219   <li>item</li>
 220   <li>item</li>
 221   <li>item</li>
 222   <li>item</li>
 223   <li>item</li>
 224   <li>item</li>
 225   <li>item</li>
 226   <li>item</li>
 227 </ul>
 228
 229 <h2>Heading 2</h2>
 230 <ul>
 231   <li>item</li>
 232   <li>item</li>
 233   <li>item</li>
 234   <li>item</li>
 235   <li>item</li>
 236   <li>item</li>
 237   <li>item</li>
 238   <li>item</li>
 239   <li>item</li>
 240   <li>item</li>
 241 </ul>
 242
 243 <h2>Heading 2</h2>
 244 <ul>
 245   <li>item</li>
 246   <li>item</li>
 247   <li>item</li>
 248   <li>item</li>
 249   <li>item</li>
 250   <li>item</li>
 251   <li>item</li>
 252   <li>item</li>
 253   <li>item</li>
 254   <li>item</li>
 255 </ul>
 256
 257 <h2>Heading 2</h2>
 258 <ul>
 259   <li>item</li>
 260   <li>item</li>
 261   <li>item</li>
 262   <li>item</li>
 263   <li>item</li>
 264   <li>item</li>
 265   <li>item</li>
 266   <li>item</li>
 267   <li>item</li>
 268   <li>item</li>
 269 </ul>
 270
 271 <h2>Heading 2</h2>
 272 <ul>
 273   <li>item</li>
 274   <li>item</li>
 275   <li>item</li>
 276   <li>item</li>
 277   <li>item</li>
 278   <li>item</li>
 279   <li>item</li>
 280   <li>item</li>
 281   <li>item</li>
 282   <li>item</li>
 283 </ul>
 284
 285 <h2>Heading 2</h2>
 286 <ul>
 287   <li>item</li>
 288   <li>item</li>
 289   <li>item</li>
 290   <li>item</li>
 291   <li>item</li>
 292   <li>item</li>
 293   <li>item</li>
 294   <li>item</li>
 295   <li>item</li>
 296   <li>item</li>
 297 </ul>
 298
 299 <h2>Heading 2</h2>
 300 <ul>
 301   <li>item</li>
 302   <li>item</li>
 303   <li>item</li>
 304   <li>item</li>
 305   <li>item</li>
 306   <li>item</li>
 307   <li>item</li>
 308   <li>item</li>
 309   <li>item</li>
 310   <li>item</li>
 311 </ul>
 312
 313 <h2>Heading 2</h2>
 314 <ul>
 315   <li>item</li>
 316   <li>item</li>
 317   <li>item</li>
 318   <li>item</li>
 319   <li>item</li>
 320   <li>item</li>
 321   <li>item</li>
 322   <li>item</li>
 323   <li>item</li>
 324   <li>item</li>
 325 </ul>
 326
 327 <h2>Heading 2</h2>
 328 <ul>
 329   <li>item</li>
 330   <li>item</li>
 331   <li>item</li>
 332   <li>item</li>
 333   <li>item</li>
 334   <li>item</li>
 335   <li>item</li>
 336   <li>item</li>
 337   <li>item</li>
 338   <li>item</li>
 339 </ul>
 340
 341 <h2>Heading 2</h2>
 342 <ul>
 343   <li>item</li>
 344   <li>item</li>
 345   <li>item</li>
 346   <li>item</li>
 347   <li>item</li>
 348   <li>item</li>
 349   <li>item</li>
 350   <li>item</li>
 351   <li>item</li>
 352   <li>item</li>
 353 </ul>
 354
 355 <h2>Heading 2</h2>
 356 <ul>
 357   <li>item</li>
 358   <li>item</li>
 359   <li>item</li>
 360   <li>item</li>
 361   <li>item</li>
 362   <li>item</li>
 363   <li>item</li>
 364   <li>item</li>
 365   <li>item</li>
 366   <li>item</li>
 367 </ul>
 368
 369 <h2>Heading 2</h2>
 370 <ul>
 371   <li>item</li>
 372   <li>item</li>
 373   <li>item</li>
 374   <li>item</li>
 375   <li>item</li>
 376   <li>item</li>
 377   <li>item</li>
 378   <li>item</li>
 379   <li>item</li>
 380   <li>item</li>
 381 </ul>
 382
 383 <h2>Heading 2</h2>
 384 <ul>
 385   <li>item</li>
 386   <li>item</li>
 387   <li>item</li>
 388   <li>item</li>
 389   <li>item</li>
 390   <li>item</li>
 391   <li>item</li>
 392   <li>item</li>
 393   <li>item</li>
 394   <li>item</li>
 395 </ul>
 396
 397 <h2>Heading 2</h2>
 398 <ul>
 399   <li>item</li>
 400   <li>item</li>
 401   <li>item</li>
 402   <li>item</li>
 403   <li>item</li>
 404   <li>item</li>
 405   <li>item</li>
 406   <li>item</li>
 407   <li>item</li>
 408   <li>item</li>
 409 </ul>
 410
 411 <h2>Heading 2</h2>
 412 <ul>
 413   <li>item</li>
 414   <li>item</li>
 415   <li>item</li>
 416   <li>item</li>
 417   <li>item</li>
 418   <li>item</li>
 419   <li>item</li>
 420   <li>item</li>
 421   <li>item</li>
 422   <li>item</li>
 423 </ul>
 424
 425 <h2>Heading 2</h2>
 426 <ul>
 427   <li>item</li>
 428   <li>item</li>
 429   <li>item</li>
 430   <li>item</li>
 431   <li>item</li>
 432   <li>item</li>
 433   <li>item</li>
 434   <li>item</li>
 435   <li>item</li>
 436   <li>item</li>
 437 </ul>
 438
 439 <h2>Heading 2</h2>
 440 <ul>
 441   <li>item</li>
 442   <li>item</li>
 443   <li>item</li>
 444   <li>item</li>
 445   <li>item</li>
 446   <li>item</li>
 447   <li>item</li>
 448   <li>item</li>
 449   <li>item</li>
 450   <li>item</li>
 451 </ul>
 452
 453 <h2>Heading 2</h2>
 454 <ul>
 455   <li>item</li>
 456   <li>item</li>
 457   <li>item</li>
 458   <li>item</li>
 459   <li>item</li>
 460   <li>item</li>
 461   <li>item</li>
 462   <li>item</li>
 463   <li>item</li>
 464   <li>item</li>
 465 </ul>
 466
 467 <h2 id="last-heading">Heading 2</h2>
 468 <ul>
 469   <li>item</li>
 470   <li>item</li>
 471   <li>item</li>
 472   <li>item</li>
 473   <li>item</li>
 474   <li>item</li>
 475   <li>item</li>
 476   <li>item</li>
 477   <li>item</li>
 478   <li>item</li>
 479 </ul>
 480
 481
 482 </body>
 483 </html>