javascript竖图,js 竖线

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

用JAVASCRIPT输出一个竖着的等腰三角形图形在浏览器上显示 * * * *** * * *

html

body

script

* 参数n为显示行数

function showSjStar(n){

for(var i=0;in;i++){

for(var p=0;pn-i;p++){//输出空格，输出个数为总行数减去当前行数

document.write(" ");

}

for(var s=0;s2*i+1;s++){//输出*，每行输出的个数为（2*行数+1）

document.write("*");

}

document.write("br");

}

showSjStar(5);//显示5行*的等腰三角形，可以自己改变数字看一下

/script

/body

/html

javascript 如何显示树状图

有几种方法

可以直接从后能把要显示的数据组合成jason的形式然后在客户端使用javascript画图，这个本人不是太炼因些只能讲到这里！可能有第三方的javascript库可以调用，可以搜一下！

第二种方法就是在服务器端通过jfreechar之类的工具库生成相应的图，然后在客户端使用ajax定时更新图片

复制过来的js轮播图竖着播放怎么办

古老的做法是用settimeout或者setinterval实现循环动画，但是这样就会造成题主说的，在且页面的时候会造成混乱。

因为当页面失去焦点时浏览器不再渲染页面，但是settimeout/setinterval的请求不会停止，队列会一直堆积动画，当页面再次获得焦点时动画队列早已堆积了大量命令，就会导致动画混乱。

现在的做法，笼统地说，是使用requestanimationframe函数，用法和settimeout/setinterval类似，只不过requestanimationframe不接受时间参数,函数的执行频率由浏览器的渲染帧数决定，这就实现了由浏览器决定动画队列，避免了动画混乱。当然也可以使用一些现成的轮播

如何用js控制图片的图大宽度或是最大高度

这是很多网页前端设计者都面临的一个问题，今天通过收集整理，把我常用的方法贴出来，希望能对需要的同行朋友有点帮助~~ 首称贴一段js代码： script type="text/javascript" var Image = {}; function SetMiddle(image, height){/// summary重设图片大小后让图片相对于DIV居中/summary if (typeof(image) == 'string') image = document.images[image] || document.getElementById(image); var div = image.parentNode; if(div.nodeName != "DIV"){ div = div.parentNode;}if(image.height 0 image.height height){var marginTopVal= (height - image.height) / 2; image.style.marginTop =parseInt(marginTopVal)+"px"; ///不加px,在火狐下不支持！}else{image.height = height; image.style.marginTop = "0px";}} Image.Resize1=function(image,width,height){if(width==null||height==null)return;image.removeAttribute('width'); image.removeAttribute('height'); var w = image.width, h = image.height; var scalingW=w/width,scalingH=h/height; var scaling = w / h; if(scalingW=scalingH){image.width=width; image.height = width / scaling;}else{image.height=height; image.width = height*scaling;}} function imgReSize(imgObj,w,h){Image.Resize1(imgObj,w,h);SetMiddle(imgObj,h);}/script下面是具体的图片调用js函数的方法： onload=imgReSize(this,628,452)函数有三个参数，第一个就不用说了吧，每二个参数是说图片的最大宽度，第三个参数是表示图片的最大高度当图片的宽高任一个大于参数里设置的值的时候，图片就会等比例缩小，且位置相对于外面的容器左右居中多的不说了，你懂的~~~