美文网首页
HTML+CSS+自己琢磨的js实现酷炫的Hello World

HTML+CSS+自己琢磨的js实现酷炫的Hello World

作者: pizan | 来源:发表于2017-05-18 21:04 被阅读0次

可以实现自动变色的Hello World,不说多了先上图☺

上核心代码:

css代码:

<style type="text/css">

/* 选择器{

属性:属性值;

}*/

/*

css基础选择器:

1.标签选择器

2.类选择器

3.id选择器

选择器的优先级:id>class>标签

!important:提升页面的权重

简书 注册一个账号 写一篇博客

*/

/* h1{

color: greenyellow;

font-size: 250px;

text-align: center;

}*/

.h1{

color: green;

font-size: 250px;

text-align: center;

}

/*#h2{

color: red;

}*/

</style>

js的代码:

<script type="text/javascript">

window.onload=function()

{

var h2=document.getElementById('h2');

setInterval(function(){

var r=Math.floor(255*Math.random());

var g=Math.floor(255*Math.random());

var b=Math.floor(255*Math.random());

h2.style.color="rgb("+r+","+g+","+b+")";

h2.style.fontSize='250px';

h2.style.textAlign='center';

},1000);

};

</script>

body里面的核心代码:

<h1 class="h1" id="h2">hello world</h1>

作为一个初学者,来这里冒个泡,希望哥哥姐姐们多多给予支持,拜托了,哥哥姐姐。

相关文章

网友评论

      本文标题:HTML+CSS+自己琢磨的js实现酷炫的Hello World

      本文链接:https://www.haomeiwen.com/subject/pjhexxtx.html