空心菱形
2016-07-12 08:25
337 查看
<!DOCTYPE html>
<html>
<head>
<meta
charset="UTF-8">
<title></title>
<style
type="text/css">
body{
margin:
auto;
text-align: center;
}
div{
width:
50px;
height:
50px;
background-color: deepskyblue;
display:
inline-block;
text-align: center;
}
span{
width:
50px;
height:
50px;
display:
inline-block;
background-color: white;
}
</style>
</head>
<body>
<script
type="text/javascript">
for
(var m = 1; m
<= 6; m++) {
for
(var n = 1; n
<= (2 *
m - 1); n++) {
if(n
== 1 || n ==
2 * m - 1){
document.write("<div></div>");
}else{
document.write("<span></span>");
}
}
document.write("<br />");
}
for
(var m = 5; m
>= 1; m--) {
for
(var n = 1; n
<= (2 *
m - 1); n++) {
if(n
== 1 || n ==
2 * m - 1){
document.write("<div></div>");
}else{
document.write("<span></span>");
}
}
document.write("<br />");
}
</script>
</body>
</html>
<html>
<head>
<meta
charset="UTF-8">
<title></title>
<style
type="text/css">
body{
margin:
auto;
text-align: center;
}
div{
width:
50px;
height:
50px;
background-color: deepskyblue;
display:
inline-block;
text-align: center;
}
span{
width:
50px;
height:
50px;
display:
inline-block;
background-color: white;
}
</style>
</head>
<body>
<script
type="text/javascript">
for
(var m = 1; m
<= 6; m++) {
for
(var n = 1; n
<= (2 *
m - 1); n++) {
if(n
== 1 || n ==
2 * m - 1){
document.write("<div></div>");
}else{
document.write("<span></span>");
}
}
document.write("<br />");
}
for
(var m = 5; m
>= 1; m--) {
for
(var n = 1; n
<= (2 *
m - 1); n++) {
if(n
== 1 || n ==
2 * m - 1){
document.write("<div></div>");
}else{
document.write("<span></span>");
}
}
document.write("<br />");
}
</script>
</body>
</html>
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js数组实现图片轮播
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 爆炸式的JS圆形浮动菜单特效代码
- js select常用操作控制代码
- JS实现不使用图片仿Windows右键菜单效果代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- PHP VBS JS 函数 对照表
- node.js抓取并分析网页内容有无特殊内容的js文件
- PHP+JS实现大规模数据提交的方法
- 仿51JOB的地区选择效果(可选择多个地区)