本文实例讲述了Java脚本语言图片库。分享给大家供大家参考，具体如下：

一、一个爪哇岛描述语言图片库实例，下面是效果图

点击顶部导航，会在本页面进行刷新图片，然后，在底部会显示文本的变化

二、下面是代码

1、gallery.html代码

！DOCTYPE html html head meta charset=' UTF-8 ' title/title script type=' text/JavaScript ' src=' http : js/show pic。js '/脚本链接rel='样式表type=' text/CSS ' href=' CSS/layout。CSS ' rel='外部no follow '/头体h1快照/h1 ul阿利href=' img/a . jpg ' rel=' external no follow ' title=' Hongse叶枫onclick='showPic(返回假的红色枫叶/a /li阿利；返回假的黄色枫叶/a/Li href=' img/c . jpg ' rel=' external nofollow ' title=' Hongse Shu ' onclick=' show pic(this)；返回假的红色树/a /li阿利href=' img/d . jpg ' rel='外部无跟随' title='蓝瑟叶枫onclick=' show pic(this)；返回假的蓝色枫叶/a/Li/ul img src=' http : img/3302-106。jpg ' id='占位符' alt='我的图库'/p id='描述'选择图像/p /body/html2、showPics.js代码

函数show pic(什么pic){ var sorce=什么pic。GetAttribute(' href ')；定义变量占位符=document.getElementById('占位符');placeholder.setAttribute('src '，sorce)；var text=什么图片。GetAttribute(' title ')；var描述=文档。getelementbyid(' description ')；描述。第一个孩子。节点值=文本；}3、layout.css代码

img { width : 600 px } body { font-family : Helvetica，arial，serifcolor: # 333背景色： # CCC余量： 1em 10%；} h1 { color: # 333背景色-:透明；} a { color: # c60背景色-:透明；字体粗细：粗体；文本装饰：无；} ul { padd : 0；}li{左侧浮动：padd : 1em list-style :无；} img { display:块；clear:两者；}三、几个新的数字正射影像图属性

1、儿童节点

获得身体元素的子节点集合：

文件。尸体。子节点；2、节点类型

获得身体元素的节点类型：

文件。尸体。nodetype3、节点值

节点值属性设置或返回指定节点的节点值。

第一个孩子、最后一个孩子

第一个孩子属性返回指定节点的首个子节点，以结节对象。

最后一个孩子属性返回指定节点的最后一个子节点，以结节对象。

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript操作DOM技巧总结》 、 《JavaScript页面元素操作技巧总结》 、 《JavaScript事件相关操作与技巧大全》 、 《JavaScript查找算法技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript错误与调试技巧总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。