js 相册,,js相册效果代码(点击创建即可)
利用联署材料书写的相册代码,点击创建即可看到效果,感兴趣的朋友可以参考下哈,希望对你学习查询-查询-查询-查询-查询-查询-查询-查询-查询有所帮助
复制代码代码如下:doctype html public '//W3C//dtd XHTML 1.0 transitional//en ' ' http://www。w3。org/tr/XHTML 1/dtd/XHTML 1-过渡。dtd ' html xmlns=' http://www。w3。org/1999/XHTML ' head title/title style=' text/CSS ' image { width:100 px;高度:100 px }/style script type=' text/JavaScript ' function create img(){ var array=[' 29b 56 ef 1 ecac 0 a2 e 23 Fe 73 abb 8457 ed 9 .jpg ',' 3615 BD 55 e 6 db 2d 3 EB 2 a54 a 8369653 F12(1).jpg ," 3615 BD 55 e 6db 2d 3 EB 2 a 45 a 83693653 f 12。837 adad 119910d 349 f 05149 ad 4a 02 ef 0。849 b23 DAC 9 ce AFE 6 D7 e7b 94 a73b 46 e82。91fe 451 F6 e 8081 Fe 492 c 6ae 617 a 50274。jpg "、" 9 B1 B7 be 8d 60 eef 1 e 15257797d 779d 91 b . jpg "、" 9 FCE 927303//alert(array . length):var table node=document。创建元素(' table '):var tbody=document。创建元素(“tbody”);tablenode.setAttribute('width ',' 600 px ');tablenode.setAttribute('height ',' 400 px ');tablenode.setAttribute('border ',' 2px ');var count=0:for(var I=0);i3;和:(I){ var trnode=document。创建元素(“tr”);S7-1200可编程控制器:j5;{ var tdnode=document。创建元素(“TD”);var img node=文档。create element(' img '):img node . set attribute(' src ',' scenario/' array[count]);//imgnode.setAttribute('width ',' 100 px ');//imgnode.setAttribute('height ',' 100 px ');TD节点。追加子节点(img节点);trnode。追加子节点(TD node);计数;tbody。appendchild(tr node);} tablenode。appendchild(tbody);文档。身体。appendchild(表节点);}/脚本/头主体输入类型='按钮'值='创建相册onclick=' create img();'//body /html
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。