你的位置:首页 > 软件开发 > Java > 初用jquery

初用jquery

发布时间:2016-04-14 15:00:15
---恢复内容开始---这两天在顶顶大人的指导下,利用jquery框架做了一个动态切换的小页面。最终效果图: 这么萌萌哒的图片让我觉得一直在测试也没那么累。实现功能如下:1.打开页面时,自动切换,切换顺序为123212...这样2.当用户鼠标放在三个按钮中的某一个时,会 ...

初用jquery

---恢复内容开始---

这两天在顶顶大人的指导下,利用jquery框架做了一个动态切换的小页面。最终效果图:

初用jquery

 

初用jquery

 初用jquery

这么萌萌哒的图片让我觉得一直在测试也没那么累。实现功能如下:

1.打开页面时,自动切换,切换顺序为123212...这样

2.当用户鼠标放在三个按钮中的某一个时,会停留,不再切换;当鼠标移开后,继续执行自动切换。

码代码的过程:

关键是设置一个父元素,使其高度小于子元素。这样才会出现滚动条啦。要记住把父元素的overflow属性设置为hidden哦,不然又滚动条什么的影响美观。我之前就是设置为auto,顶顶大人指导+1。在子元素中的图片都设置float:left,当然别忘了清除浮动。

这些设置完就要设置左侧按钮了,如何让那三个按钮垂直居中,头疼了半天。最后还是百度了下,给父元素设置display属性,属性值为table;对子元素设置:

display:table-cell;

原标题:初用jquery

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录