网站建设资讯

NEWS

网站建设资讯

JavaScript形状,js 图形

javascript HTML 鼠标放上button时,显示成小手的形状

全局的直接写css样式--适用于ie6

员工经过长期磨合与沉淀,具备了协作精神,得以通过团队的力量开发出优质的产品。创新互联建站坚持“专注、创新、易用”的产品理念,因为“专注所以专业、创新互联网站所以易用所以简单”。公司专注于为企业提供成都网站建设、做网站、微信公众号开发、电商网站开发,成都微信小程序,软件专业公司等一站式互联网企业服务。

button{

star : expression(onmouseover=this.style.cursor='hand')

}

如果是高于ie6版本的话

用javascript来做

script type="text/javascript"

window.onload=function(){

var btnlist= document.getElementByTagName("button");

for(var i=0;ibtnlist.length;i++){

btnlist[i].onmouseover=function(){

btnlist[i].style.cursor='hand'

}

}

}

/script

Javascript定义父类:shape(形状)类,shape只有一个属性color,并有相应的getcolor和Setcolor方法。

function shape(){

this.color="none";

shape.prototype.getColor=function(){

return this.color;

}

shape.prototype.setColor=function(c){

this.color=c;

}

}

用javascript代码编写 一个等腰三角形

html

head

titlejavascript----等腰三角形/title

/head

body

script

var i=0; //行控制

var j=0; //列控制

var k=0; //形状控制

/*思路:先输出类似99乘法口诀表的形状,然后和你的目标形状对比,找到规律,进行控制,我这个估计是比较土的方法,您可以去网上在搜搜更精简的方式*/

for(i=0;i10;i++){

for(k=10;ki;k--){

document.write(" ");

}

for(j=0;ji;j++){

document.write(" *");

}

document.write("br/");

}

/script

/body

/html

Javascript是什么意思?

JavaScript 是什麽?

JavaScript 是一种新的描述语言,此一语言可以被箝入 HTML 的文件之中。

透过 JavaScript 可以做到回应使用者的需求事件 (如: form 的输入) 而不用任何的网路

来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给伺服端 (server)

处理,再传回来的过程,而直接可以被客户端 (client) 的应用程式所处理。你也可

以想像成有一个可执行程式在你的客端上执行一样!目前已有一些写好的程式在

Internet 上你可以连过去看看,以下有一些计算器的例子,在 Nescape 上。

JavaScript 和 Java 很类似,但到底并不一样! Java 是一种比 JavaScript 更复杂

许多的程式语言,而 JavaScript 则是相当容易了解的语言。JavaScript 创作者

可以不那麽注重程式技巧,所以许多 Java 的特性在 Java Script 中并不支援。

如需相关的更多资讯,可以去读读 Netscape 的有关 Netscape JavaScript 之介绍。

怎么用javascript语言编程一个爱心形状呢

html5确实很方便

!doctype html

html

head

meta charset="UTF-8"

titleUntitled Document/title

/head

body

p style="text-align:center"canvas id="canvas1" height="600" width="600"/canvas/p

script type="text/javascript"

var canvas = document.getElementById("canvas1");

var ctx = canvas.getContext("2d");

ctx.translate(300,300); //sets center in the middle of the picture

drawHeart();

function drawHeart() {

ctx.beginPath();

ctx.moveTo(0,-100);

ctx.bezierCurveTo(120,-300, 300,-100, 200,50);

ctx.lineTo(0,250);

ctx.lineTo(-200,50);

ctx.bezierCurveTo(-300,-100, -120,-300, 0,-100);

ctx.closePath();

ctx.fillStyle="#ff0000";

ctx.fill();

}

/script

/body

/html


本文题目:JavaScript形状,js 图形
本文来源:http://cdweb.net/article/dsgjegg.html