利用JavaScript制作星星金字塔

主要练习：

代码赏析：

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

/* 2.设置盒子大小居中 */

.box{

width:500px;

height:500px;

border:1px solid black;

margin:20px auto;

text-align: center;

}

</style>

// 3.window加载

window.onload = function(){

// 4.获取元素信息

var oDiv = document.getElementById("div1");

// 5.创建变量，接收星星

var sStr = "";

// 6 遍历循环每行出星星

for(var i=0;i<20;i++){

for(var j=0;j<i;j++){

sStr += "*";

}

sStr +="<br>";

}

// 7.遍历循环之外改变盒子内部内容

oDiv.innerHTML = sStr;

}

</script>

</head>

<body>

</body>

</html>

利用JavaScript制作星星金字塔相关推荐

利用JavaScript制作倒计时牌(转)
利用JavaScript制作倒计时牌五一劳动节很快就到了.哈哈,到时可以出去好好玩一玩了.是不是在掐指计算了.下面教你一种方法在网页上面制作倒计时牌,这样就方便多了. 把下面的JavaScript代 ...
如何利用CSS制作星星图案
CSS是网页设计师和前端人员需要了解和学习的一门语言,特别是现在很多网页使用扁平化设计,这类设计风格大部分布局.交互动画甚至是图标都会使用高级点的CSS3技能,所以我们应该熟练掌握CSS这门样式语言. ...
利用Javascript制作宾果（BINGO）游戏
Bingo游戏简介 Bingo卡片是5×5的正方形,五个列上标着B-I-N-G-O,美国的Bingo游戏格子中的数字通常在70以内随机抽取,英国和澳大利亚的是在90以内.正中间通常是一个空的格子,常常 ...
利用Javascript制作网页特效（图像特效）
图像是文本的解释和说明,在网页中的适当位置放置一些图像,不仅可以使文本更加容易阅读,而且可以使网页更加具有吸引力. 当鼠标指针经过图像时图像振动效果 ①:在head标签内输入以下代码: <sty ...
利用Javascript制作网页特效（其他常见特效）
设置为首页和加入收藏夹 ①:在body标签内输入以下代码: <a onclick="this.style.behavior='url(#default#homepage)';this. ...
利用Javascript制作网页特效（时间特效）
在网页中经常可以看到各种各样的动态时间显示,在网页中合理地使用时间可以增加网页的时效感. 显示当前时间 getHours().getMinutes().getSeconds()分别获得当前小时数.当前 ...
利用JavaScript制作简单的ATM机
大概过程如上图所示. <script>var money =parseInt(100); while(true){ //alert('请输入您要的操作:'+'\n'+'1.存钱'+'\n' ...
JavaScript制作金字塔
JavaScript制作金字塔 <!DOCTYPE html> <html> <head><meta charset="utf-8"> ...
利用javascript和WebGL绘制地球【翻译】
利用javascript和WebGL绘制地球 [翻译] 原翻译:利用javascript和WebGL绘制地球 [翻译] 在我们所有已知的HTML5API中,WebGL可能是最有意思的一个,利用这个AP ...

利用JavaScript制作星星金字塔

利用JavaScript制作星星金字塔相关推荐

最新文章

热门文章