JavaScript随机显示名言警句

一个小把戏哈!至于是随机显示诗词歌赋,还是名言警句,还是微小说看你放什么内容了,我用来做淘宝评价,纯 JavaScript 实现,就是说你直接复制保存到本地的 html 文件是一样的效果


代码就是下面这两句,数字表示你想间隔多久刷新一次

<script type="text/javascript" src="https://me94.me/misc/motto.js"></script>
<script type="text/javascript">
    motto(1000);
</script>

当然,这个刷新效果不入眼,如果你像我一样略懂 jQuery,就可以用下面的代码来实现淡入淡出的效果,或者你要选择滑动也是可以滴

<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.2.min.js"></script>
<script type="text/javascript">
document.write('<div id="motto1"></div>')
$(function() {
  $.getScript("https://me94.me/misc/motto.js", function() {
    $("#motto1").text(motto());
    setInterval(function() {
      $("#motto1").fadeOut(2000, function() {
        $("#motto1").text(motto()).fadeIn(2000)
      })
    }, 5000)
  })
});
</script>

看源码就知道函数motto()就是显示你预设的诗词歌赋,带参数就自动重复随机显示,不带参数就只显示一句


评论

说两句

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据