<p>输入数字:<input id="num" type="text" value=""/><button id="btn">点一次显一个</button></p>
<table><tr><td id="out" valign="bottom" style="width:400px; height:400px; border:1px solid #000; line-height:0.5; padding-top:4px"></td></tr></table>
<script>
var f=0;
window.onload=function(){
var t=document.getElementById("out");
document.getElementById("btn").onclick=function(){
var n=Number(document.getElementById("num").value);
if(n>1){
var s="";
if(f==0||f==1){
for(var i=n;i>0;i--){
for(var j=1;j<=i;j++){
s+="*";
}
s+="<b"+"r>";
}
}else{
for(var i=1;i<=n;i++){
for(var j=1;j<=i;j++){
s+="*";
}
s+="<b"+"r>";
}
}
t.innerHTML=s;
if(f==0){
t.align="left";
t.vAlign="top";
}else if(f==1){
t.align="right";
t.vAlign="top";
}else if(f==2){
t.align="right";
t.vAlign="bottom";
}else{
t.align="left";
t.vAlign="bottom";
}
f=(f+1)%4;
}
}
}
</script>
追问看不懂啊,我是不是没救了
效果很好,就是看不懂
如果你能再实现其他两个效果,就采纳你
追答我就是按你说的最高目标来做的啊?你连续点击按钮就知道了。
追问不是,我的意思是想你把其他两个效果的代码单独写出来呢
好吧,帮了大忙呢,谢谢你