首頁 > web前端 > js教程 > js相簿效果代碼(點選建立即可)_javascript技巧

js相簿效果代碼(點選建立即可)_javascript技巧

WBOY
發布: 2016-05-16 17:36:48
原創
1391 人瀏覽過
複製代碼如下代碼:

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


標題>

圖片
{
寬度:100px;
高度:100px;
}
風格>

function createimgs() {
var array = ['29b56ef1ecac0a2e2373. >'3615bd55e6db2d3eb2a45a8369653f12(1).jpg',
'3615bd55e6db2d3eb2a45 a8369653f12.jpg',
'837adad119910d349f05149ad4a02ef0.jpg' ,
'849b23dac9ceafe6d7e7b94a73b46e82.jpg',
'91fe451f6e8081fe492c6ae617a50274.jpg',
'9b1b7be8d60eef1e15257797d779d91b.jpg',
'9fce9273034aed88fab0bcef344dae7.jpg',
'a58fab0bcef344dae7.jpg',
'a5559f967007028700020202020 >' cda8a8f5b72e165c153fd396db02ab64.jpg',
'd159717ab855f729066b333d439f630e.jpg', 'defe4897d .jpg',
' ef62b67b4dc1bc80daaaf9ebbf90d854.jpg',
'f6b31d9bca975794bd23fdf71295e1c4.jpg', ];
//alert(array.length);
var tablenode = document.createElement('table');
var tbody = document.createElement('tbody');
tablenode.setAttribute('width', '600px');
tablenode.Attribute( '高度', '400px');
tablenode.setAttribute('border', '2px');
var 計數= 0;
for (var i = 0; i var trnode = document.createElement('tr');
for (var j = 0; j var tdnode = document.createElement('td');
var imgnode = document.createElement('img');
imgnode.setAttribute('src', '風景/' array[count]);
// imgnode.setAttribute('width', '100px') ;
// imgnode.setAttribute('height', '100px');
tdnode.appendChild(imgnode);
trnode.appendChild(tdnode);
計數;
trnode.appendChild(tdnode);
計數;
數; >tbody.appendChild(trnode);
}
tablenode.appendChild(tbody);
document.body.appendChild(tablenode);
}
腳本>
頭>

>
身體>


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板