Mootools 1.2教程(23)——滑动效果(Slide)(2)
作者:Fanhp 来源:Fdream博客 时间:2009-03-04 12:33:00
Fx.Slide选项
Fx.Slide只有两个选项——“mode”和“wrapper”。坦白地说,我从来没有发现我自己使用过“wrapper”(我从来没有遇到过这种需求),不过“mode”决定了你是希望水平滑动还是垂直滑动。
mode(模式)
模式给了你两个选择——“垂直”或者“水平”。垂直是从顶部到底部的显示,水平是从左边到右边的显示。这里没有从底部到顶部或从右边到左边的选项。不过我知道修改类本身来实现这些功能是相对简单的。在我看来,我还是希望这能成为一个标准的选项,如果有人已经修改了这个类并允许这些选项,请给我们留言。
wrapper(包装器)
在缺省情况下,Fx.Slide会在你的滑动元素的外面添加一个包装器,并指定其“overflow”属性的值为“hidden”。wrapper允许你设置其他元素作为该元素的包装器。就像我上面所说的,我不清楚它在那里会被用到,我也有兴趣听到任何关于这个东西的想法。(感谢mooforum.net的horseweapon让我明白这个一点。)
Fx.Slide的方法
Fx.Slide也提供了许多方法来显示或者隐藏元素。
.slideIn()
正如名字所告诉你的,该方法讲触发start(开始)时间并显示你的元素。
.slideOut()
滑动元素到隐藏状态。
.toggle()
这个方法有可能显示或者隐藏元素,结果完全取决于这个元素的当前状态。用于点击事件时非常有用。
.hide()
这将隐藏元素,但不使用滑动效果。
.show()
这将显示元素,但不使用滑动效果。
通过方法重新设置模式选项
上面的每个方法均可以接受一个可选的mode参数,允许你覆盖之前设置的选项。
参考代码:
slideVar.slideIn('horizontal');
标签:Mootools,教程,滑动,slide,JavaScript
0
投稿
猜你喜欢
Python模拟登录的多种方法(四种)
2023-06-11 21:08:45
详解Python中最难理解的点-装饰器
2023-02-14 04:51:59
网页标准化-CSS命名规划整理
2007-12-10 18:13:00
vue实现一个单独的组件注释
2024-04-27 15:47:04
python删除某个目录文件夹的方法
2022-08-22 06:33:32
vue+springboot实现项目的CORS跨域请求
2024-05-09 09:48:23
javascript获取来源的URL代码
2009-02-25 12:36:00
django 连接数据库 sqlite的例子
2023-08-03 19:03:15
Flask框架学习笔记之表单基础介绍与表单提交方式
2023-02-05 09:25:44
python神经网络学习利用PyTorch进行回归运算
2023-02-24 13:30:47
使用vue-router切换组件时使组件不销毁问题
2024-04-30 10:35:17
Python如何读写CSV文件
2023-03-23 08:41:13
linux下mysql链接被防火墙阻止的解决方法
2024-01-16 17:31:27
vue项目中form data形式传参方式
2024-04-30 10:25:48
Python 使用多属性来进行排序
2023-11-10 21:15:07
Django中ORM外键和表的关系详解
2022-04-27 10:25:59
Python网络爬虫项目:内容提取器的定义
2021-05-29 21:51:43
详解Python with/as使用说明
2022-10-29 08:01:26
Python函数参数分类原理详解
2022-02-26 17:05:57
Python找出列表中出现次数最多的元素三种方式
2021-04-11 11:45:40