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

来自:互联网
时间:2018-08-26
阅读:

一款好看的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>

下载地址:https://pan.baidu.com/s/15uXmr8vLyZ_cer7CQeKNGg

返回顶部
顶部