多语言展示
当前在线:447今日阅读:126今日分享:42

使用jquery来编写网站幻灯片左右切换效果

使用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语句的各种情况分析

推荐信息