您的位置：首页 > Web前端 > JQuery

JQuery小练习：画出一个三角形

2016-07-06 00:00 495 查看

1、HTML源码

[code=language-html]<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script charset="utf-8" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
var dom = null;
var arr = null;
var _=function(){
this.dom = document;
this.arr = new Array();
}
_.prototype.createEle = function(id){
var div = this.dom.createElement("DIV");
div.id=id;
div.style.textAlign="center";
return div;
}
_.prototype.showText=function(id,length){
var node = this.createEle(id);
this.dom.body.appendChild(node);
//alert(this.dom.getElementById("text").getAttribute("id"));
for(var i=0;i<length;i++){
if(i==0){
this.arr.push("*");
}
this.arr.push(this.arr[i]+"*");
}
for(var m=0;m<this.arr.length;m++){
this.dom.getElementById(id).innerHTML += this.arr[m]+"<br />";
}
}
window.$Fuck = new _();
$Fuck.showText("text",15);//三角形层数为16层
});
</script>
</head>
<body>

</body>
</html>


2、执行结果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  jQuery
相关文章推荐
新的分享
章节导航