我用这个脚本用 jquery 和 css 为一些 div 设置动画。现在我想使用的不仅仅是这两个按钮。相反,下面应该有几个列表。但我不能只复制每个 jquery 脚本并更改变量的名称。
这是示例:http: //jonathanstark.com/labs/simple-sliding-example-using-css3-animations.html
如何更改变量和脚本,以便脚本适用于任何“设置”+“主页”div 的每种组合?就像一个垂直菜单,在每个“home”div 上,组合的“settings”div 滑入。
<script>
function goTo(targetPanelId) {
var home = document.getElementById('home');
var settings = document.getElementById('settings');
if (targetPanelId === 'settings') {
home.className = 'slide left out';
settings.className = 'slide left in';
} else {
home.className = 'slide right in';
settings.className = 'slide right out';
}
return false;
}
</script>