1个回答
2015-01-27
展开全部
没有从左往右的API,但是可以用animate来写
<style>
#aa{width:200px;height:200px;overflow:hidden;background-color:#000;}
</style>
<div id="aa">dddddd</div>
<a href="javascript:alr();">点击测试</a>
//引入jquery.js
<script>
var aa=$("#aa");
var is_on=true;//默认是展开的
var aw=aa.width();//获取aa的宽度用于还原
function alr(){
if(is_on){
aa.stop().animate({width:"0px"},300);
}else{
aa.stop().animate({width:aw},300);
}
}
</script>
slide效果本身原理也是通过倒计时来逐渐改变元素的高度来做的。所以同理也可以做左右的
<style>
#aa{width:200px;height:200px;overflow:hidden;background-color:#000;}
</style>
<div id="aa">dddddd</div>
<a href="javascript:alr();">点击测试</a>
//引入jquery.js
<script>
var aa=$("#aa");
var is_on=true;//默认是展开的
var aw=aa.width();//获取aa的宽度用于还原
function alr(){
if(is_on){
aa.stop().animate({width:"0px"},300);
}else{
aa.stop().animate({width:aw},300);
}
}
</script>
slide效果本身原理也是通过倒计时来逐渐改变元素的高度来做的。所以同理也可以做左右的
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询