小型JavaScript动画集成
Small JavaScript animation integration
我有一些JavaScript代码:
<script type="text/javascript">
function hideshow(which) {
if (!document.getElementById)
return
if (which.style.display=="block")
which.style.display="none"
else
which.style.display="block"
}
</script>
如何将.slideToggle(1000);
动画与此代码集成?
显示无法设置动画,您可以将其与css中的不透明度相结合
默认css:
display:none;
opacity:0;
transition:1s opacity ease;
-webkit-transition:1s opacity ease;
JS:
which.style.display="block"
which.style.opacity="1"
由于您是javascript的新手,我没有提供完整的解决方案,但您应该已经了解了。
相关文章:
- 如何设置html元素填充的动画
- 如何使用动画实现纸张推车
- 如何在生成下载文件时显示加载动画
- 剑道网格jQuery动画()问题
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- jQuery Lazy加载动画滚动
- jquery动画可以通过编程链接吗
- Javascript将数学动画化
- 动画.CSS重播
- 如何检测用于WebGL的专用或集成显卡
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- 如何使用jQuery在动画中期加速动画
- 使用数据上的角度更改设置集合的第一个元素的动画
- 如何使用css动画/javascript使具有背景图像的元素出现
- 如何使用css动画从中心增加边界线
- JQuery动画延长容器不起作用
- 动画CSS进度条
- JavaScript动画从不执行
- 小型JavaScript动画集成
- 谷歌地图集成扼杀了jquery动画(在Safari中)