---恢复内容开始---这两天在顶顶大人的指导下,利用jquery框架做了一个动态切换的小页面。最终效果图: 这么萌萌哒的图片让我觉得一直在测试也没那么累。实现功能如下:1.打开页面时,自动切换,切换顺序为123212...这样2.当用户鼠标放在三个按钮中的某一个时,会 ...
---恢复内容开始---
这两天在顶顶大人的指导下,利用jquery框架做了一个动态切换的小页面。最终效果图:
这么萌萌哒的图片让我觉得一直在测试也没那么累。实现功能如下:
1.打开页面时,自动切换,切换顺序为123212...这样
2.当用户鼠标放在三个按钮中的某一个时,会停留,不再切换;当鼠标移开后,继续执行自动切换。
码代码的过程:
关键是设置一个父元素,使其高度小于子元素。这样才会出现滚动条啦。要记住把父元素的overflow属性设置为hidden哦,不然又滚动条什么的影响美观。我之前就是设置为auto,顶顶大人指导+1。在子元素中的图片都设置float:left,当然别忘了清除浮动。
这些设置完就要设置左侧按钮了,如何让那三个按钮垂直居中,头疼了半天。最后还是百度了下,给父元素设置display属性,属性值为table;对子元素设置:
display:table-cell;
原标题:初用jquery
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。