<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript图片库 2017 09 12</title>
<script>
//建立一个函数替换占位图片
//whichPic代表指向某个图片的<a>元素
function showPic(whichPic){
//分解图片的路径，通过whichPic调用getAttribute得到，把href作为参数传给getAttribute（）
//获得链接图片
var source=whichPic.getAttribute("href");
//获取占位符图片
var placeholder=document.getElementById("placeholder");
//改变
placeholder.setAttribute("src",source);
//下行代码不用DOM有同样的效果
//placeholder.src=source;
}
</script>
</head>
<body>
<h1>Show photos</h1>
<ul>
<!--
onclic=""
showPic(this);把链接自身做参数
return false;这个语句给定这个链接的默认行为没触发，即跳转到新的图片页面这个事件没触发而是执行showPic函数的内容
-->
<li>
<a href="img/1.jpg" title="a bike" onclick="showPic(this);return false;">bike</a>
</li>
<li>
<a href="img/2.jpg" title="a cat" onclick="showPic(this);return false;">cat</a>
</li>
<li>
<a href="img/4.jpg" title="a twin" onclick="showPic(this); return false;">twin</a>
</li>
<li>
<a href="img/6.jpg" title="a beer" onclick="showPic(this); return false;">beer</a>
</li>
</ul>
<img id="placeholder" src="img/7.jpg" alt="zhanweiphoto">
</body>
</html>
小学生做程序的梦 之 1.JavaScript图片库
时间： 2024-08-10 21:30:35
小学生做程序的梦 之 1.JavaScript图片库的相关文章
小学生做程序的梦 之DOM（一）
DOM : D:document 文档 O:object 对象 M:model 模型 1.一份文档就是一棵节点树2.节 点:元素节点 . 文本节点(如<p>包含文本,就是一个文本节点).属性节点(如<ul>有id属性) 3.getElementById将返回一个对象,该对象对应着文档里一个特定的元素节点 4.getElementByTagName和getElementByClassName将返回一个对象数组,它们分别对应文档里的一组特定元素节点. 5.每个节
女程序员做了个梦，各路大神惊现神级评论！
开心一刻! 都说程序猿是地球上比较特殊的物种,而女程序猿(也称程序媛)更是稀缺物种,集万千宠爱于一身.比如,Twitter上的一位女程序员仅仅是做了一个梦,马上引来了一众程序猿的围观起哄,惊现各种神级评论! 原文梦境 Twitter话题.png 神级评论 亡羊补牢型 把那个女人的指针指向你即可: 谁让你把男朋友设成public的: 心真软,就该把他的接口屏蔽掉: protected 逛街(youOnly): 设计问题,应该采用单例模式: 没做回归测试: 标准做法是做个断言: 注释掉了,逛街的参数
转行做程序员之前必须考虑的三件事
2013-2014年间,全世界吹起一阵写代码的风潮,各大媒体疯狂报导,鼓吹年轻人不管所学为何,一定要学写程序.时不时就会看到“程序员是最有钱途的工作之一!”或者“连奥巴马都开始写代码,你能不开始吗?”这类的文章,不管金钱诱惑.名人带头,仿佛全世界都在疯狂的做程序.就算到了2015年底,不时仍有这类文章出现.相对之下,许多人认为自己目前工作很糟糕,包括老板高压统治.工作内容乏味.薪水仅能糊口等等,看到文章里头那些“高薪”.“非凡成就”.“热门职缺”的字眼,是不是都想转行呢?今天就整理一些建议给大家
VS2013 C# 调用 cognex 的QuickBuild做程序时发生一个错误
今天在用 VS2013 C# 调用 cognex 的QuickBuild做程序时发生一个错误,如下所示 混合模式程序集是针对"v2.0.50727"版的运行时生成的,在没有配置其他信息的情况下,无法在 4.0 运行时中加载该程序集 网上搜索得到解决办法: 在app.config中添加一个配置节:startup <startup useLegacyV2RuntimeActivationPolicy="true"> <supportedRuntime
【随笔】昨晚做了一个梦
昨晚做了一个梦,可能是最近玩<魔兽世界>的缘故,梦的风格很游戏~ 当然,关键不在于这个梦的风格啦,在于一个片段的内容.与 邪恶者的斗争过程中,兄弟我临危受命,去寻找传说中的“先知”(不知道在梦中叫什 么,因为记不清了,叫“仙女”??).我自然是不费吹灰之力就找到了那妹妹~并非出现在天上,只是坐着马车的一个白衣妹妹.见到她,当然很高兴,可是在我 询问问题的时候,似乎忘记了我的使命,问出的问题居然是“我和小耗子会幸福一生么?”答案我很满意,她说“当然,你们会幸福一生”,嗯嗯,尽管是个梦,可 是说不
做什么职业，也别做程序员，尤其是Java程序员
千万别做程序员,尤其别做Java这种门槛低,入门快的程序员(别跟我说Java搞精通了也很牛之类的,原因不解释,做5年以上就知道了),程序员本来就是我见过最坑爹的职业了...Java程序员更是,现在满地都是Java培训机构,不出3年,你就不值钱了,就像3年前的C++一样!而且Java贬值更快,因为他比c++简单多了,培训个3个月,直接上岗,你说你怎么保证自己是不可替换的?而且现在Java程序员的整体工资,已经有不断下降的趋势! 我就用我的亲身经历告诉你,你这个想转程序员的人:别做这行,因为你不知道
做程序员有什么好处
该文章来自用户转载 点击阅读原文 以前从没想过成为一个程序员.就这么一步步走过来了.回头看看也是很有意思. 从小痴迷于生物,尤对动物感兴趣,异宠类更甚.看过很多生物的书籍,图册,尤喜欢<昆虫记>,自己也饲养很多动物. 高中参加生物竞赛班,拿过生物竞赛市级奖项(当然并不算什么). 高考毕业填报志愿时,原本报了生物工程,结果学院生物工程系对所在省只招收3个名额,自动被分配到信息工程. 曾一度讨厌编程,因为自己不会,没入门,就恐惧,逃避. 后来慢慢摸爬滚打,总算入了编程这个不好入的门.渐渐地,越来越
你适合做程序员吗
不是每个人都适合做程序员. 从小学到高中,我们接受的都是应试教育,而缺对少养学生的兴趣进行培养.当我们要进入大学选择专业的时候 我们茫然了,大部分同学都不知道自己喜欢什么专业,也不知道这个专业以后是做什么的!这样就会导致很多同学只 能按照自己父母的意志选择专业或者看目前社会上热门专业来选择,根本没有根据爱好.兴趣考虑过自己是否喜欢这 个专业,随大流的选择.没有上大学之前,高中老师都会说好好学习到了大学你们就解放了!果不其然,到了大学同学们压抑已久的荷尔蒙都得到了释放,各种玩可以说整个大学在一个"
我为什么做程序猿訪谈录
程序猿訪谈录(it3q.com),是我的第一个创业项目,选择这个方向是由于做这件事,有自己的兴趣,更有价值. 从事IT行业的群体,包含我自己,朋友和同事的印象大部分是一个IT屌丝,我周边的同事也以为我是一个沉默,寡语,不苟言笑,虽然相对熟悉的朋友又是还有一种认识,但怎样改变自己的大众形象,一直不得而知:那还是今年4月份决定从华为出来创业后,一篇关于我自己在华为生活总结的文章"一路走来,心怀感激,且行且珍惜",在公司内网有超过1W的点击,超过100人的回帖,同一时候让我改变了在朋友心中的