怎么用javascript編寫下面圖案1 121 12321 1234321 12321 121 1

var max = 4;

成都創新互聯主營龍華網站建設的網絡公司,主營網站建設方案,成都app開發,龍華h5微信小程序搭建,龍華網站營銷推廣歡迎龍華等地區企業咨詢

for (var i=1; i=max; i++)

{

var tmp = '';

for (var j=1; j=i; j++) {

tmp += j;

}

for (var k=i-1; k=1; k--) {

tmp += k;

}

console.log(tmp)

}

javascript如何畫圖形？

這個問題你用baidu搜索一下，有很多的教程。。

;cl=3

1.

JAVASCRIPT經常通過用戶提供的數據動態地生成條形圖。總的來說這是由于條形圖的簡潔，它只是簡單地由不確定長度的圖形組成。我們使用JAVASCRIPT動態地畫出每個圖形，每個圖形的長度和用戶輸入的數據有關。

我們需要的是以一個1x15的圖形作為開始：

如果我想要拉長這幅圖象到 50x15 ，我使用 JavaScript 這樣做：

script

document.write(img src="poll.gif" width="50" height="15"')

/script

這就形成了動態圖形的基礎。這是一個我用JAVASCRIPT寫的一個簡單的腳本，它用來說明了圖形創建的例子。

script

var graphtext=new Array("Jill", "Bob", "Tony") //圖形項目

var graphvalue=new Array("60", "45", "95") //圖形值 (使用的是百分比，例如70=70%)

var barlength=200

for (i=0;igraphtext.length;i++)

document.write (graphtext[i]+': img src="poll.gif" width="'+graphvalue[i]/100*barlength+'" height="15"br')

/script

Jill:

Bob:

Tony

代碼的關鍵之處在于：width="'+graphvalue[i]/100*barlength+'"

這句話產生圖形的寬度，這基于用戶提供的數據。每個長度是輸入值的百分比，然后乘以條形長度的基本長度。

2.

使用圖形信息建立原始數據的圖形。只給復雜圖形的名稱賦予一定的值（值可以是絕對值或百分比），剩下的留給腳本就行了。

圖形信息允許你在同一個網頁上生成不止一個圖形文件，而這只需要多次的調用關鍵的函數。

Example:

Example 1 (using absolute values)

What is your favorite news site?

CNN

28%

MSNBC

36%

ABC News

11%

BBC News

25%

Total participants: 211

Example 2 (using percentage values)

What is your favorite news site?

CNN

28%

MSNBC

36%

ABC News

11%

BBC News

25%

因為EXAMPLE 1是用絕對值來創建的，腳本也在最后顯示了總值。

指導

步驟一：下面是圖形信息的兩個版本。第一個要求圖形值是絕對值，而第二個是相對值。

絕對方式：

What is your favorite news site?

script language="JavaScript1.2"

//JavaScript Graph-it! (Absolute)- by javascriptkit.com

//Visit JavaScript Kit () for script

//Credit must stay intact for use

var graphimage="poll.gif"

//DEFINE GRAPH VALUES [Item name, absolute value]

var graphx=new Array()

graphx[0]=["CNN",60]

graphx[1]=["MSNBC",75]

graphx[2]=["ABC News",24]

graphx[3]=["BBC News",52]

//YOU CAN DEFINE MULTIPLE GRAPHS, eg:

//var graphy=new Array()

function graphit(g,gwidth){

total=0

for (i=0;ig.length;i++)

total+=parseInt(g[i][1])

output='table border="0" cellspacing="0" cellpadding="0"'

for (i=0;ig.length;i++){

calpercentage=Math.round(g[i][1]*100/total)

calwidth=Math.round(gwidth*(calpercentage/100))

output+='trtd'+g[i][0]+'?/tdtdimg src="'+graphimage+'" width="'+calwidth+'" height="10" '+calpercentage+'%/td/tr'

}

output+='/table'

document.write(output+'brTotal participants: b'+total+'/b')

}

//CALL GRAPHIT FUNCTION

//graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)

graphit(graphx,200)

/script

p align="center"font face="arial" size="-2"This free script provided by/fontbr

font face="arial, helvetica" size="-2"a href=""JavaScript

Kit/a/font/p

相對方式：

What is your favorite news site?

script language="JavaScript1.2"

//JavaScript Graph-it! (Percentage)- by javascriptkit.com

//Visit JavaScript Kit () for script

//Credit must stay intact for use

var graphimageP="poll.gif"

//DEFINE GRAPH VALUES [Item name, Percentage value]

var graphv=new Array()

graphv[0]=["CNN","28%"]

graphv[1]=["MSNBC","36%"]

graphv[2]=["ABC News","11%"]

graphv[3]=["BBC News","25%"]

//YOU CAN DEFINE MULTIPLE GRAPHS, eg:

//var graphz=new Array()

function graphitP(g,gwidth){

outputP='table border="0" cellspacing="0" cellpadding="0"'

for (i=0;ig.length;i++){

calwidthP=gwidth*(parseInt(g[i][1])/100)

outputP+='trtd'+g[i][0]+'?/tdtdimg src="'+graphimageP+'" width="'+calwidthP+'" height="10" '+g[i][1]+'/td/tr'

}

outputP+='/table'

document.write(outputP)

}

//CALL GRAPHIT FUNCTION

//graphitP(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)

graphitP(graphv,200)

/script

p align="center"font face="arial" size="-2"This free script provided by/fontbr

font face="arial, helvetica" size="-2"a href=""JavaScript

Kit/a/font/p

以上回答你滿意么？

JavaScript 畫圖

$('#reset').click(function(){//重置

$('img').css({"left":"0","top":"100px"});

});

$('#left').click(function(){//左

$('img').animate({

left:"-=10",

},500);

});

$('#right').click(function(){//右

$('img').animate({

left:"+=10",

},500);

});

$('#up').click(function(){//上

$('img').animate({

top:"-=10",

},500);

});

$('#down').click(function(){//下

$('img').animate({

top:"+=10",

},500);

});

給圖加上想對定位

用javascript編寫圖片自動切換 圖片的代碼怎么編寫啊，為什么我的圖片一切換就顯示不出來 快幫幫忙啊

不應該用SetTimeOut 方法 這個方法只會加載完成1秒之后 執行第一次(且只執行第一次) 并不是每隔一秒就會執行

如果想要實現圖片自動切換 你把SetTimeOut這個方法 換成setInterval這個方法 就可以實現了

ArcGIS JavaScript如何在線編輯地圖，有例子嗎？

ArcGIS在線編輯功能按如下流程使用：

1、矢量要素數據，點線面數據必須存儲在SDE中

2、發布帶有SDE要素數據服務，在服務中選擇FeatureAcess服務類型，這個服務是保證你可以進行在線編輯的

3、API調用Fealyer服務地址

例子：

如何用用JavaScript編寫一個外部調用JS文件，實現圖片帶超級鏈接

document.writeln("a href=\"鏈接地址1\"img src=\"圖片地址1\" //a");

document.writeln("a href=\"鏈接地址2\"img src=\"圖片地址2\" //a");

document.writeln("a href=\"鏈接地址3\"img src=\"圖片地址3\" //a");

document.writeln("a href=\"鏈接地址4\"img src=\"圖片地址4\" //a");

把上面的代碼修改好你要的鏈接地址和圖片地址以后，保存為JS文件。

然后你在html對應的地方調用這個js文件

網頁標題：javascript編圖,編程代碼畫圖
本文來源：http://www.yijiale78.com/article36/dschspg.html

成都網站建設公司_創新互聯，為您提供移動網站建設、域名注冊、品牌網站設計、App設計、定制網站、網站改版

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯