网页设计 加入小组

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

Javascript特效教程01——初识javascript特效

发表于 2014-12-03 714 次查看

Javascript特效教程01——初识javascript特效

 

Javascript其实是一种非常简单的脚本语言,不少童鞋惧怕它多半只是因为从没接触过编程。

其实这玩意一点都不难,只要你像学习英语一样,先学会abcdefg,然后一个个单词的去认识,最后天天写。自然而然就都会了。

什么,你说,你对英语就很惧怕,也没学好。

那我们还是换句话说吧,那是因为你还没来51rgb,来了这里,你自然就什么都不怕了。

一切知识,学起来就是那么简单。

 

下面由51RGB小编Q162542073带领大家先来学习第一个javascript特效教程。巨简单,就一句:

document.getElementById("demo").innerHTML=Date();

去看看结果,再反过来看看这句话,相信不需要解释,也能看懂了吧

 

<!DOCTYPE html>

<html>

<head>

<script>

function displayDate()

{

document.getElementById("demo").innerHTML=Date();

}

</script>

</head>

<body>

 

<h1>我的第一个 JavaScript 程序</h1>

<p id="demo">这是一个段落</p>

 

<button type="button" onclick="displayDate()">显示日期</button>

 

</body>

</html>

 

 

他最终的显示效果如图:

 

简单吧,就是点击那个“显示日期”的按钮,结果就把现在的日期显示出来。

大家都可以试试!(没有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教育
头衔:
活跃成员