jQuery+CSS3一天时段动画场景切换特效

js代码

<script>
$(\".option\").on(\"click\", function() {
  $(\".option\").removeClass(\"active\");
  $(this).addClass(\"active\");
  var type = $(this).data(\"option\");
  setTimeout(function() {
    if (type === \"day\") {
      $(\".time\").attr(\'class\', \'time day\');
    } else if (type === \"night\") {
      $(\".time\").attr(\'class\', \'time night\');
    } else if (type === \"dusk\") {
      $(\".time\").attr(\'class\', \'time dusk\');
    } else if (type === \"sunset\") {
      $(\".time\").attr(\'class\', \'time sunset\');
    } 
  }, 500);
});
</script>