jQuery已经引用。下面这个需要一个动画,比如飞入。滑动。该怎么加入呢:<script>
$(document).ready(function() {
$('.list').masonry({
itemSelector:'.list li',
columnWidth:0
});
});
</script>
$(document).ready(function() {
$('.list').masonry({
itemSelector:'.list li',
columnWidth:0
});
});
</script>
//用600毫秒缓慢的将段落淡入
$("p").fadeIn("slow");
//用200毫秒快速将段落淡入,之后弹出一个对话框
$("p").fadeIn("fast",function(){
alert("Animation Done.");
});
不知道错在何处:<script>
$(document).ready(function() {
var speed = 1000;
$('.list').masonry({
itemSelector:'.list li',
columnWidth:0
animate: true,
animationOptions: {
duration: speed,
queue: false
} });
});
</script>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.list').masonry({
itemSelector:'.list li',
columnWidth:100
});
$('.list').animate({
width: "90%",
height: "100%",
fontSize: "2em",
borderWidth: 10
}, 1000 );
});
</script>
</head>
<body>
<div>
<ul class="list">
<li>aaaaa</li>
<li>bbbbbbb</li>
<li>ccccc</li>
</ul>
</div>
</body>
</html>
$('.list').masonry({
itemSelector:'.list div',
columnWidth:100,
isAnimated: true,
animationOptions: {
duration: 100
} });
}); 看看里面的API,应该有你想要的特效的