重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
html
创新互联专注于企业营销型网站、网站重做改版、诸暨网站定制设计、自适应品牌网站建设、HTML5建站、电子商务商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为诸暨等各大城市提供网站开发制作服务。
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
有几种方法
可以直接从后能把要显示的数据组合成jason的形式然后在客户端使用javascript画图,这个本人不是太炼因些只能讲到这里!可能有第三方的javascript库可以调用,可以搜一下!
第二种方法 就是在服务器端通过jfreechar之类的工具库生成相应的图,然后在客户端使用ajax定时更新图片
古老的做法是用settimeout或者setinterval实现循环动画,但是这样就会造成题主说的,在且页面的时候会造成混乱。
因为当页面失去焦点时浏览器不再渲染页面,但是settimeout/setinterval的请求不会停止,队列会一直堆积动画,当页面再次获得焦点时动画队列早已堆积了大量命令,就会导致动画混乱。
现在的做法,笼统地说,是使用requestanimationframe函数,用法和settimeout/setinterval类似,只不过requestanimationframe不接受时间参数,函数的执行频率由浏览器的渲染帧数决定,这就实现了由浏览器决定动画队列,避免了动画混乱。当然也可以使用一些现成的轮播
这是很多网页前端设计者都面临的一个问题,今天通过收集整理,把我常用的方法贴出来,希望能对需要的同行朋友有点帮助~~ 首称贴一段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)函数有三个参数,第一个就不用说了吧,每二个参数是说图片的最大宽度,第三个参数是表示图片的最大高度 当图片的宽高任一个大于参数里设置的值的时候,图片就会等比例缩小,且位置相对于外面的容器左右居中 多的不说了,你懂的~~~
1、创建一个名称为 script_text 的html文件 。
2、添加一个 Script 对象引入js文件 设置id为 my_script_id_text,在script加入输出字符串的语句。
3、添加一个button按钮,在点击事件中加入自定义函数 为my_script_text。
4、在javascript中创建一个自定义函数 my_script_text。
5、在自定义函数中获取script对象。用 text属性获取 scripit中的内容,将获取的结果添加到p标签中显示。