JS+CSS3实现带预览图幻灯片效果_技术问答

首页免费课 JS+CSS3实现带预览图幻灯片效果问答

JS+CSS3实现带预览图幻灯片效果

                
                Lyn
            Web前端工程师

                    查看讲师更多课程 
                    Lyn讲师的其他课程
                
JS+CSS3实现“粽情端午”
中级·39504
免费课程
                                
CSS3+JS 实现超炫的散列画廊特效
中级·46090
免费课程
                                
可调大小面板实现（Resizeable Panel）
初级·13047
免费课程
                                
QQ空间时光轴特效
初级·29058
免费课程
                                
鼠标拖拽效果
初级·25993
免费课程
                                
                难度初级
            
                时长 1小时33分
            
                学习人数
            
综合评分9.50
                            114人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.3
                                逻辑清晰

全部评论问答未解决精华

提示图;hover的问题

已采纳回答 / moshikaishi

点小图出大图，大图划动，小图也会变

2 回答 1437 浏览 2-3 基本界面样式完成

2016-08-31

那个文字动画是怎么触发的

最新回答 / stone310

先将文字安排好初始样式（初始位置），再添加个结束样式（最终位置），再统一用css3的transition触发，我这里写了个小例子，只需要对class名进行更改就可以出现动画效果<...code...>

2 回答 808 浏览 3-3 优化与扩展

2016-08-31

果然v

太啰嗦了太啰嗦了

0 2-3 基本界面样式完成

2016-08-24

果然v

太啰嗦了。。。。

0 1-3 开发目录介绍

2016-08-24

.slider .ctrl 当中的bottom：-13px是什么意思，为什么前面加“ - ”符号呢？

最赞回答 / Joeeeee

这是为了将.ctrl放在.slider的下边13px处，请看图，应该很清楚的了<...图片...>

3 回答 1133 浏览 2-1 距离底部有点距离

2016-08-23

qq_小脚丫_03636581

<img src="img/{{index}}.jpg" />
src里面的图片地址两个花括号表示不懂.........

1 2-3 基本界面样式完成

2016-08-20

qq_小脚丫_03636581

有木有源代码，表示js阶段各种更改一脸懵逼

0 3-1 输出以及切换

2016-08-20

这个是css3动画呀，transition就是一个动画属性，你可以去w3school看看这个API（transition），所以它跟hover是没有关系的，hover是鼠标覆盖，而transition是页面加载时就可以动了transform:all 0.8s all指的就是.slider .main .main-i h2,.slider .main .main-i h3到.slider .main .main-i_active h2,.slider .main .main-i_active h2里...

2 回答 939 浏览 2-3 基本界面样式完成

2016-08-18