【无标题】

这篇技术文献详细介绍了如何使用Dreamweaver(DW)创建HTML基本结构,并通过JS实现元素的显示与隐藏功能。作者首先新建HTML文件,然后在body中创建div和button元素,并为它们定义class和id。接着,通过style标签设置CSS样式来控制元素的显示和隐藏状态。最后,在script标签中编写JS代码以实现交互功能。

文献种类:专题技术文献;

开发工具与关键技术:                               

作者:魏钦      ;年级:2003班    ;撰写时间:2022   年 1  月  8 日

文献编号:                归档时间:   年   月   日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术:DW   JS

作者:魏钦

撰写时间:1.8

  1. 打开DW软件ctrl+n新建HTML骨架。
  2. 在body标签内写上一个div标签作为一个盒子,然后在div标签箭头里面空格放入一个class在两个双引号中间放一个你熟悉的英文然后在最后一个双引号都后面空格然后打上id就会跟前一个差不多的样子跟前一个一样的是也是在俩个双引号中间打上字母可以跟前面那个一样,然后再两个div中间回车换行打出button这个名字叫按钮,操作跟上个div一样,不同的是不用回车换行,然后在俩个button中间放个隐藏,然后复制当前的button按钮,记住是复制整个,然后把复制的button按钮的class改掉也同样把id也改掉,然后再回车换行写个div,操作跟第一个div是一样的,这个div作为显示隐藏的对象,操作布局跟下图一致。

 

  1. 然后在body标签上写个style标签这个叫局部样式,然后选取作为显示隐藏对的div的class双引号里面的字母,如果你想选择id的话把点变成#号,不选取id的话开头就是(.)。设置如下图。

 

  1. 在body标签下放script标签这是JS局部样式,设置如下图。

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值