JS入门学习，写一个简单的图片库

 

                                           

创建一个图片库

• 狐狸


• 苹果


• 水果


• 花朵


• 傻逼

图片将在这里显示

 

-------以下是javascript代码-----------

window.onload = function{

　　function showPic(whichpic){

　　　　var source = whichpic.getAttribute("href");　　　　　　　　　　　　  //声明source，从函数中获取href

　　　　var oDis = document.getElementsById("pic_xianshi");　　　　　　　//声明oDis, 它将代表 id为pic_xianshi这个元素

　　　　oDis.setAttribute("src",source);　　　　　　　　　　　　　　　　　　//设置oDis里的属性和值 分别是 "src",  source是“href”所以不用加引号了

　　　　//图片跟随有了，现在继续把文字接上

　　　　var text = whichpic.getAttribute("title");　　　　　　　　　　　　　　//声明 text，从函数中获取title

　　　　var description = document.getElementById("description");　　　　 //声明description, 从文件获取ID为description的元素

　　　　description.firstChild.nodeValue = text ;　　　　　　　　　　　　　   //最终让description中第一个节点的值同步为text的信息

　　}

}

没有进行太多布局和编排。自己再把思路整理一下吧~~ 

 

看看跟着能不能实现简单的效果~~  ^_^  加油

转载于:https://www.cnblogs.com/fuyinsheng/p/5007622.html