浏览 1807 次
|
锁定老帖子 主题：请教关于scriptaculous的问题
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2007-08-07
<html>
<head>
<style type="text/css">
.msg {
position : absolute;
width : 100px;
height : 100px ;
background : #85BBEF;
border :1px solid
}
</style>
<script src='prototype.js'></script>
<script src='effects.js'></script>
<title></title>
<script language="javascript" type="text/javascript">
function test(el){
var _nDiv = document.createElement('div');
_nDiv.id = el.id + 'Div';
_nDiv.className = 'msg'
_nDiv.style.height = el.offsetHeight;
_nDiv.style.left = Position.cumulativeOffset(el)[0] +'px';
_nDiv.style.top = Position.cumulativeOffset(el)[1]+el.offsetHeight + 3+ 'px';
document.body.appendChild(_nDiv);
new Effect.BlindDown(_nDiv);
}
function test1(el){
new Effect.BlindUp($(el.id+'Div'),{
afterFinish : function(){document.body.removeChild($(el.id+'Div'));}
});
}
</script>
</head>
<body>
<input type='text' onmouseover='test(this)' onmouseout='test1(this)'id='tx1'/>
</body>
</html>
在这段代码中，那个div他老是现弹出来，然后消失，再然后显示动态下拉的效果，我想让他直接显示下拉的效果，不知怎么搞了，不知大家怎么作的 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
