交互效果
芜璃
纵观万物善变,我只愿随遇而安。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
左图右文的点击滑动轮播
一般只是由图片和按钮组成的简单轮播图,用数组比较简单合适,但若碰到左图右文的轮播结构,数组很明显就不合适了。在这里重新为大家介绍一种方法: 结构如下: 用一个class名为img的ul包裹着所需要的li,li中则设置好左图右文的结构 jquery代码如下: $(function() { var i =0; //------计数器原创 2017-09-05 14:24:30 · 741 阅读 · 0 评论 -
导航部分选中的背景跟随鼠标滑动
为了让导航li的背景跟随鼠标比较平滑的移动,我进行了一系列尝试,最后发现,若背景加在li上让其跟随鼠标滑动,会出现卡顿效果,所以,将背景放在ul中,让其背景位置随着li的个数改变( backgroundPosition: navLi.width() * n),这样比较平滑 HTML结构如下: css代码如下: #nav-div ul li a { text-deco原创 2017-09-07 09:25:30 · 1631 阅读 · 1 评论
分享