`
hideto
  • 浏览: 2679236 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

RJS参考之Visual Effects

    博客分类:
  • Ruby
阅读更多
RJS所使用的是Scriptaculous库的Effects:


appear

Element gradually appears


blind_down

Causes the div element specified to slowly slide down into visibility like a blind being pulled down


blind_up

The opposite of blind_down. Causes the element to slowly slide up and out of view like a blind being drawn up.


drop_out

Causes the element to drop down out of view.


fade

The opposite of appear. The element gradually fades from view.


fold

First blinds up the element about 90% of the way and then squishes it over to the left side of the region it originally occupied.


grow

Element grows up and into view from the bottom of the area occupied by the element.


highlight

Perform the "Yellow Fade Technique" on the element.


puff

The element expands and becomes transparent until it disappears.


pulsate

Make the element flash on and off.


shake

Causes the element to shake back and forth horizontally. Great for drawing the user's attention.


shrink

The opposite of grow. The element shrinks away off of the screen toward the bottom of the area it occupies.


slide_down

Causes the entire element to slide down into view.


slide_up

The opposite of slide_down. Causes the element to slide up and out of view.


squish

Squishes the element out of view by quickly compressing it into the upper left hand corner of the space it occupies.


switch_off

Causes the element to flicker and the drops out of view, similar to drop_out.


toggle_appear

Toggles the element between being visible and hidden. Uses appear when making the element visible and fade when hiding the element.


toggle_blind

The same as toggle_appear, but uses blind_down and blind_up for showing and hiding the elements respectively.


toggle_slide

The same as toggle_appear, but uses slide_down and slide_up for showing and hiding the elements respectively.
分享到:
评论

相关推荐

    rjs 技术

    2. **效果**:Rails的rjs支持jQuery样式的动画效果,如淡入淡出、滑动等,通过`page.visual_effect`方法实现。 3. **脚本执行**:可以调用JavaScript函数或者设置JavaScript变量,使客户端代码与服务器端数据同步。...

    RJS D4000+条码检测仪中文操作说明书

    同时,会参考提供的部分内容信息。 在实际内容生成前,需要明确的是,RJS D4000+条码检测仪是一种用于检测条码质量的专业设备。它对于条码印刷、打印质量控制和条码识读设备的性能评估等方面具有重要作用。该设备...

    条码检测仪RJS D4000+中文操作说明书

    **条码检测仪RJS D4000+中文操作说明书** 在信息技术高度发达的今天,条码作为数据传输和管理的重要工具,广泛应用于零售、物流、医疗等多个领域。条码检测仪,如RJS D4000+,是确保条码质量和效率的关键设备。本文...

    RJS Templates for Rails

    1. **Page对象**:在RJS模板中,`page`对象是主要的接口,它提供了许多方法来操作DOM元素,如`replace_html`, `insert_html`, `visual_effect`等,用于更新页面内容或实现动画效果。 2. **JavaScript表达式**:Ruby...

    一些RJS资源和演示入门教程

    标题中的“一些RJS资源和演示入门教程”指的是与Ruby JavaScriptSerializer (RJS)相关的学习材料和实践示例,这是一门技术,主要用于在Rails框架下生成JavaScript代码。RJS通常用于更新页面的部分内容,无需刷新整个...

    RJS D4000+等级条码检测仪扫描结果说明书

    RJS D4000+条码检测仪分析结果说明书以及使用过程中注意事项。

    RJSD4000条码检测仪 RJS D4000+中文设置操作手册

    根据给定的文件信息,关于RJS D4000+条码检测仪的中文设置操作手册,这里可以提炼出一系列相关知识点,帮助用户更好地理解和操作该款条码检测仪。以下知识点涵盖了从条码检测仪的基本概念、操作到维护保养等多方面的...

    rjs配合node压缩材料

    在IT行业中,优化资源加载和提高页面性能是至关重要的任务之一。`r.js`、`require.js` 和 `Node.js` 是在这个领域中常见的工具,它们在JavaScript模块管理和构建流程中发挥着重要作用。这里我们将深入探讨这三个工具...

    无人驾驶自动驾驶智能汽车:理论,算法和实现【5rjs.cn】

    在本篇文章中,涉及的知识点主要围绕“无人驾驶自动驾驶智能汽车”的理论、算法以及实现技术展开。文章内容部分提及了计算机视觉与模式识别技术的进步,并且明确指出智能车辆领域已经成为智能交通系统研究的主流课题...

    rjs:Rust JavaScript解释器

    Rust上JavaScript rjs是Rust中的本机JavaScript实现。该项目rjs的目标是在Rust中提供一种快速的本机JavaScript实现。 当前rjs处于alpha状态,这意味着性能和稳定性不能代表我们想要的最终结果,并且公共API可能仍会...

    PyPI 官网下载 | calmjs.rjs-1.0.0.tar.gz

    《PyPI官网下载:calmjs.rjs-1.0.0.tar.gz——探索Python库的奥秘》 PyPI(Python Package Index)是Python开发者的重要资源库,它提供了无数的开源库,使得Python编程更加便捷高效。今天我们将聚焦于在PyPI上找到...

    RJS Cheatsheet

    page.visual_effect :highlight, 'navigation' end ``` **生成的JavaScript代码**: ```javascript setTimeout(function() { new Effect.Highlight("navigation", {}); }, 5000); ``` **解释**:5秒后,对`...

    RJS.Web.WebControl.PopCalendar.dll

    RJS.Web.WebControl.PopCalendar.dll下载,用于网页asp 时间选取周别

    rjs:R包

    rjs:R中的建模。JavaScript中的交互性。 rjs旨在帮助您利用JavaScript的可视化库和R的建模包来构建量身定制的交互式应用程序。 (这是的重构版本,在很大程度上是向后兼容的。我不久jsReact教程rjs到rjs ,现在请...

    gulp-require-rjs

    gulp-require-rjs 扩展代码形式 r.js优化插件描述到r.js的gulp接口。 您可以使用r.js优化器同时打包多个文件。 可以将参数直接传递到r.js。 添加一个名为outPath的参数,以便可以更改打包方式; 默认值为baseUrl 。...

    条码检测仪RJS D4000+ HHP/honeywell QC800故障和维修指导

    本文将重点介绍RJS D4000+和HHP/Honeywell QC800这两款条码检测仪的常见故障及维修方法。 RJS D4000+是一款高级的条码检测仪,它提供了精确的条码分析和评估,以满足各种行业标准。当遇到设备故障时,首先要检查...

    rjs:JavaScript中的R

    rjs:JavaScript中的R 在JavaScript中引入R,这是一种由支持的将R代码直接插入网站的。 您可以通过2个简单的步骤使用它。步骤1 在html文件的任意位置添加[removed][removed] (或在本地下载r.js )。第2步将class = ...

    gulp-rjs2:gulp 的 Requirejs 插件,支持组件模式

    gulp-rjs2 gulp 的 Requirejs 插件,支持组件模式 安装 使用安装 npm install --save-dev gulp-rjs2 用法 var rjs = require ( 'gulp-rjs2' ) ; // build libs.js gulp . task ( 'rjs-libs' , function ( ) { //...

Global site tag (gtag.js) - Google Analytics