网页中所出现的运动图形,很多都可以div+css+JavaScript来完成,动图使得画面灵动,提升用户体验效果。
工具/原料
1
Dreamweaver cc 2014
2
div+css+JavaScript
方法/步骤
1
【第一步】打开Dreamweaver cc 2014软件,选择建立html界面,里面自动生成一些必要代码的代码格式,不需再浪费时间去写。
2
【第二步】在body内输入“
”,Odiv是可变的,随自己喜好,可以是其他字母单词都可以。3
【第三步】在body标签前或则head标签内输入:
5
【第五步】保存,回到Dreamweaver 的界面,摁F12键,弹出页面,鼠标点击图形,图形就可以执行运动。
注意事项
运用ID样式时,样式名前缀必须加#号。