Enn
导航
BlogJava
首页
新随笔
联系
聚合
管理
统计信息
Posts - 7
Stories - 0
Comments - 0
Trackbacks - 0
常用链接
我的随笔
我的评论
我的参与
留言簿
(2)
给我留言
查看公开留言
查看私人留言
随笔档案
2009年8月 (1)
2009年4月 (1)
2009年3月 (3)
2009年2月 (1)
2009年1月 (1)
搜索
最新评论
阅读排行榜
1. SSH2框架所需JAR包-- 转(2178)
2. Javascript常用表单取值方法(649)
3. struts2.0学习心得(223)
4. Hibernate(161)
5. 项目开发中遇到的问题(159)
评论排行榜
1. SSH2框架所需JAR包-- 转(0)
2. 前台小技术(0)
3. Javascript常用表单取值方法(0)
4. Spring学习笔记(0)
5. Hibernate(0)
前台小技术
层滑动效果 (jquery)
slideToggle(speed,[callback])
通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏或显示。
--------------------------------------------------------------------------------
Toggle the visibility of all matched elements by adjusting their height and firing an optional callback after completion.
Only the height is adjusted for this animation, causing all matched elements to be hidden or shown in a "sliding" manner.
返回值
jQuery
参数
speed (String,Number) : 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (Function) : (可选) 在动画完成时执行的函数
示例
用600毫秒缓慢的将段落滑上或滑下
jQuery 代码:
$("p").slideToggle("slow");
--------------------------------------------------------------------------------
用200毫秒快速将段落滑上或滑下,之后弹出一个对话框
jQuery 代码:
$("p").slideToggle("fast",function(){
alert("Animation Done.");
});
------------------------------------------------------------------------------------------------------------------------------------
获取节点元素
document.getElementById("p1").firstChild.firstChild.data;
注:p1为层ID 层结构为 <div><p> xxoo</p></div> 以上表达式值即为 XXOO
---------------------------------------------------------------------
取得页面元素绝对位置
1
function
getLTWH(o)
2
{
3
var
oLTWH
=
{
"
left
"
:
0
,
"
top
"
:
0
,
"
width
"
:
0
,
"
height
"
:
0
};
4
if
(document.all)
5
{
6
var
oRect
=
o.getBoundingClientRect();
7
oLTWH.left
=
oRect.left
-
2
;
8
oLTWH.top
=
oRect.top
-
2
;
9
}
else
10
{
11
oLTWH.left
=
o.offsetLeft;
12
oLTWH.top
=
o.offsetTop;
13
}
14
oLTWH.width
=
o.offsetWidth;
15
oLTWH.height
=
o.offsetHeight;
16
return
oLTWH;
17
}
alert(o.left);
alert(o.top);
alert(o.width);
alert(o.height); 这样就出来了。
-------------------------------------------------------------------------------------------------------------------------
路径问题 直接<%=request.getContextPath()%>/*就OK~
posted on 2009-04-13 16:13
沉声
阅读(96)
评论(0)
编辑
收藏
新用户注册
刷新评论列表
只有注册用户
登录
后才能发表评论。
网站导航:
博客园
IT新闻
Chat2DB
C++博客
博问
管理