多语言展示
当前在线:697今日阅读:168今日分享:49

运用div+css+JavaScript使得图形运动的一种方式

网页中所出现的运动图形,很多都可以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样式时,样式名前缀必须加#号。

推荐信息