首页 > 编程语言 > 详细

《HTML5+CSS3+JavaScript 从入门到精通(标准版)》学习笔记(二)

时间:2018-06-18 15:46:53      阅读:212      评论:0      收藏:0      [点我收藏+]

这是一个应用的例子,学以致用嘛

<!--这些代码我就直接放在了博客园的"页首Html代码"中,用于自定义博客,效果就是页面左上角的白色文字-->
<p>
    <a href="http://justsong.xyz/archives/"><!--指向我的简陋的个人网站的链接,如果你有兴趣自己也搞一个,这个是教程:  http://justsong.xyz/2018/06/09/hello-world/ -->
        <font size="3" color="white" face="verdana" id="text">
            I HOPE IT IS USERFUL TO YOU
        </font>
    </a>
</p>
<script>//需要向博客园申请JavaScript权限
    var i = 0;
    setInterval("changeText()", 1200);//每1.2秒调用changText()函数一次
    function changeText() {
        var element = document.getElementById("text");//如函数名
        var textArray = ['CLICK IT IF YOU WANT', 'HERE IS MY PERSON WEBSITE', 'WELCOME YOU TO VISITE', 'I HOPE IT IS USERFUL TO YOU',"I HOPE THIS FLASHING WORDS DON'T MAKE YOU NAUSEOUS"];//这是一个数组
        if (i == textArray.length) {
            i = 0;
        }
        else {
            element.innerHTML = textArray[i++];//改变组件的HTML代码
        }
    }
</script>

《HTML5+CSS3+JavaScript 从入门到精通(标准版)》学习笔记(二)

原文:https://www.cnblogs.com/justsong/p/9195292.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!