多语言展示
当前在线:1708今日阅读:84今日分享:32

网页中图形被点击后换掉颜色。

网页中点击交互的应用非常广泛,这里只是做个引入点,只需要明白其原理,期望更多喜欢上代码并参与进来共同学习。
工具/原料
1

Dreamweaver cc 2014

2

css html javascript

方法/步骤
1

【第一步】打开Dreamweaver cc  2014软件,选择建立html界面,里面自动生成一些必要代码的代码格式,不需再浪费时间去写。

2

【第二步】在body标签内输入

,在前面合适位置输入“”给div标签做个修饰。

3

【第三步】保存代码,回到Dreamweaver 的界面,摁F12键,弹出页面,此时的图形为红色

4

【第四步】在Dreamweaver 的界面相对靠前的位置输入:

5

【第五步】保存代码,同样方法摁F12,弹出页面,点击红色矩形,即可变成蓝色,设置成功。

注意事项

还有许多有意思交互效果,希望有更多人参与学习交流

推荐信息