北京理工大学珠海学院实验报告
ZHUHAI CAMPAUS OF BEIJING INSTITUTE OF TECHNOLOGY
班级 计算机6班 学号123456600 姓名 xxx 指导教师 xxx 成绩 实验题目 javascript编程实验(一) 实验地点及时间 2015.1.13
说明:报告须包括目的、环境、过程、源程序、结果、总结等内容。如实记录,签名手写。 一、实验目的
熟练使用javascript编程
二、实验环境 1、硬件环境: 2、软件环境
(1)操作系统:windows XP
(2)开发环境:Dreamweaver CS5 三、实验内容
利用javascript +css+div 实现如下网页效果
点击tab的标签切换时,显示不同的内容.
四、实验过程
新建HTML文档,首先将每个DIV排版起来,每个要显示的内容也排版好,然后就用JS将另外两个隐藏起来,对每个标签设置点击事件,点击相应的标签显示相应的内容。
五、源程序清单
第一个标签的内容
第二个标签的内容
第三个标签的内容
五、总结体会
通过此次实验我学会了用利用javascript ,css,div 实现运用在网页中实现网页的功能。