网页设计 加入小组

2个成员 62个话题 创建时间:2014-10-20

Javascript特效教程02——if else语句的学习

发表于 2014-12-02 1062 次查看

Javascript特效教程02——if else语句的学习

 

If else语句是在所有的编程语言里面都会用到的一种基本语法。

简单的说,就是先来判断,if(如果)怎么怎么样,就可以干一件事情。Else(否则)就干另一件事情。

 

比如,如果你来51rgb网络学院学习,那么就可以获得高薪水了。否则,那就一直做屌丝吧。

这个事情,如果用if else来写就是这样滴:

If(来51rgb网络学院学习)

{可以获得高薪啦!}

Else

{一直做屌丝咯}

看,是不是很简单。

 

下面来一个规范的javascript程序实力:

 

<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
  {
  element.src="/images/pic_bulboff.gif";
  }
else
  {
  element.src="/images/pic_bulbon.gif";
  }
}
</script>

<img id="myimage"
src="/images/pic_bulboff.gif" width="100" height="180">

<p><a href=http://www.51rgb.com>点击灯泡就可以打开或关闭这盏灯</a></p>

</body>

 

他最终的显示效果如图在两个图片之间来回切换显示

点击一下,显示其中一个,再点击一下显示另一个

 

 

大家都可以试试!(没有dreamweaver软件的用记事本书写另存为html文件也可以浏览测试哦)

 

51RGB在线教育官网指定学习Q162542073 更多免费教程,素材,源文件等,请前往www.51rgb.com


责任声明:本套系列教程视频版权所属51rgbg官网,任何团体和个人未经本网允许不得转载,违者必究。

网页设计视频网站链接http://www.51rgb.com/mproductzh.aspx?classid=31

51RGB网络营销教程       http://www.51rgb.com/mproductzh.aspx?classid=38
更多视频教程请前往51rgb官网  http://www.51rgb.com


adobe软件  Ps视频   AI视频  DW视频   网络营销视频集锦

http://yun.baidu.com/share/home?uk=271892183&view=album

 

豆瓣 网站网页设计小组

http://www.douban.com/group/520499/

 奋斗的新浪博客

http://blog.sina.com.cn/u/1748316330

帆的QQ空间

http://user.qzone.qq.com/113125174/main

风生水起博客

http://fengshengshuiqi06.blog.163.com/manage/#m=0&t=0

网页设计教程

发表回复
功能维护升级中,维护完成完后将再次开放,非常抱歉给您学习造成的不便。
话题作者
51RGB教育
头衔:
活跃成员