这个动画怎么用jquery写出来呢 谢谢(jQuery 怎么控制一个动画方向?)
jQuery 怎么控制一个动画方向?
引入jquery.js,复制以下代码,即可运行。
.slide {
position: relative;
height: 200;
lightyellow;
}
.slide .inner {
position: absolute;
left: 0;
bottom: 0;
height: 100;
lightblue;
width: 100%
}
1、slidetoggle() 交替slidedown(),slideup()
Html代码
Js代码
$('#slidebottom button').click(function() {
$(this).next().slideToggle();
});
2、左侧横向交替滑动 Animate Left
Html代码
Js代码
$("#slidewidth button").click(function(){
$(this).next().animate({width: 'toggle'});
});
3、左侧横向交替滑动 Animate Left Margin (非隐藏)
Html代码
Js代码
$("#slideleft button").click(function(){
var $lefty = $(this).next();
$lefty.animate({
left:parseInt($lefty.css('left'),10)==0 ? -$lefty.outerWidth() : 0
});
});
4、右侧横向滑动Slide to right
Html代码
Js代码
$("#slidemarginleft button").click(function(){
var $marginlefty = $(this).next();
$marginlefty.animate({
marginLeft:parseInt($marginlefty.css('marginLeft'),10)==0 ? $marginlefty.outerWidth() : 0
});
});
JQuery中常用的动画方法有哪些?并简述他们的特点
animate()
对被选元素应用“自定义”的动画
clearQueue()
对被选元素移除所有排队的函数(仍未运行的)
delay()
对被选元素的所有排队函数(仍未运行)设置延迟
dequeue()
运行被选元素的下一个排队函数
fadeIn()
逐渐改变被选元素的不透明度,从隐藏到可见
fadeOut()
逐渐改变被选元素的不透明度,从可见到隐藏
fadeTo()
把被选元素逐渐改变至给定的不透明度
hide()
隐藏被选的元素
queue()
显示被选元素的排队函数
show()
显示被选的元素
slideDown()
通过调整高度来滑动显示被选元素
slideToggle()
对被选元素进行滑动隐藏和滑动显示的切换
slideUp()
通过调整高度来滑动隐藏被选元素
stop()
停止在被选元素上运行动画
toggle()
对被选元素进行隐藏和显示的切换
求一代码!(查看答案需要点击“答案”才出现!)
是网页的话可以用JS或者Jquery写一个点击之后显示div层的代码,点击之后就会出现答案了。也就是用JS或者Jquery制作一个小的动画,很简单的!
如何将Jquery的代码写到HTML里面啊?
这个语句你放哪都可以 $(document).ready(function({...});相当与页面加载完成后执行的,所以放哪里都是可以的,当然必须是包含在<script>标签内的