当用户单击另一个充当关闭按钮的 div 时,我试图让一个 div 使用 javascript 向下滑动大约 200px 的页面。
有人可以告诉我我会怎么做吗?
<script>
$('.chat_close').click(function(e){
$('.chat_box').slideDown();
});
</script>
当用户单击另一个充当关闭按钮的 div 时,我试图让一个 div 使用 javascript 向下滑动大约 200px 的页面。
有人可以告诉我我会怎么做吗?
<script>
$('.chat_close').click(function(e){
$('.chat_box').slideDown();
});
</script>
前段时间有人已经问过同样的问题了。阿维纳什 回复:
var minheight = 20;
var maxheight = 100;
var time = 1000;
var timer = null;
var toggled = false;
window.onload = function() {
var controler = document.getElementById('slide');
var slider = document.getElementById('slider');
slider.style.height = minheight + 'px'; //not so imp,just for my example
controler.onclick = function() {
clearInterval(timer);
var instanceheight = parseInt(slider.style.height); // Current height
var init = (new Date()).getTime(); //start time
var height = (toggled = !toggled) ? maxheight: minheight; //if toggled
var disp = height - parseInt(slider.style.height);
timer = setInterval(function() {
var instance = (new Date()).getTime() - init; //animating time
if(instance <= time ) { //0 -> time seconds
var pos = instanceheight + Math.floor(disp * instance / time);
slider.style.height = pos + 'px';
}else {
slider.style.height = height + 'px'; //safety side ^^
clearInterval(timer);
}
},1);
};
};
您可以在此 URL 上看到它:
利用animate
另外,使用.on
<script type="text/javascript">
$('.chat_close').on('click', function(e){
$('.chat_box').animate({"top": "200px");
});
</script>
HTML:
<div class="chat_close">
</div>