使用jquery来编写网站幻灯片的左右切换效果,里面同时包含了css的实际运用,如float属性,position属性,以及transition的过渡效果等等
工具/原料
1
sublime
2
谷歌浏览器
方法/步骤
1
编写html框架结构,注意div的运用以及class类名的命名
2
编写css样式,注意其中的注释说明
3
引入外部jquery文件
4
编写JavaScript脚本文件
注意事项
1
本例并未考虑各种浏览器的兼容问题,请最好在Chrome浏览器下使用本例
2
css部分,重点在于各种div宽高的变化与float和position的使用
3
js部分,重点在于if语句的各种情况分析
上一篇:怎样修改电脑系统时间的格式?