不同的jquery显示效果差别如何就这么大呢
不同的jquery显示效果差别怎么就这么大呢
代码我放在这里了
解压后,把Demo.html的对jquery版本的引用
由原来的<script src="scripts/jquery-1.6.2.min.js"></script>
改成<script src="scripts/jquery-2.1.1.js"></script>
就没有淡入的效果了
我是用Firefox32测的
------解决思路----------------------
首先,楼主你的代码,为什么不将Script放在head里?
其次,你在img上用fadeIn,又在它的父元素上用sildeToggle。
习惯不好。
应该是动画队列的问题。
想要效果一致,淡入淡出并且同时slide,可以这么写:
代码我放在这里了
解压后,把Demo.html的对jquery版本的引用
由原来的<script src="scripts/jquery-1.6.2.min.js"></script>
改成<script src="scripts/jquery-2.1.1.js"></script>
就没有淡入的效果了
我是用Firefox32测的
------解决思路----------------------
首先,楼主你的代码,为什么不将Script放在head里?
其次,你在img上用fadeIn,又在它的父元素上用sildeToggle。
习惯不好。
应该是动画队列的问题。
想要效果一致,淡入淡出并且同时slide,可以这么写:
$(document).ready(function () {
var picFrame = $("#picframe");
$("#clickMe").click(function () {
//当前为显示或者隐藏。
var temp = picFrame.is(":hidden") ? "show" : "hide";
//用animate实现。//heght相当于slideToggle,opacity相当于fadeToggle。
picFrame.animate({
height: temp,
opacity: temp,
}, 1000);
});
});