<!DOCTYPE html><html> ???<head> ???????<meta charset="utf-8"> ???????<script type="text/javascript" src="../js/jquery-1.9.0.min.js" ></script> ???????<script> ???????$(document).ready(function(){ ???????????$("button").click(function(){ ???????????????$("div").animate({ ???????????????????height:‘toggle‘, ???????????????????opacity:‘toggle‘ ???????????????}); ???????????}); ???????}) ???????</script> ???????<title></title> ???</head> ???<body> ???<button class="button1">开始动画</button> ???<div style="background:#98bf21;height:100px;width:100px;position:absolute;"> ???</body></html>
将width与opacity属性同时设置成为toggle,会在宽度变化的同时变化透明度
jquery ?animate多个属性设置为toggle的叠加效果
原文地址:https://www.cnblogs.com/lxl87/p/8321650.html