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
                                逻辑清晰

全部评论问答未解决精华

黄志明

实际工程中为了防止CSS污染，写那么多类名，选择是正常的，你们没找到核心要学的东西。

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

2016-06-16

跟着视频把效果都搞出来了，还加了自动播放，也能实现了，但是发现鼠标移入移出之后就有BUG了。

+ 我来回答回答最高可+2积分

0 回答 1635 浏览

2016-06-14

Uncaught TypeError: Cannot read property 'className' of undefined(主图显示不出来)

已采纳回答 / weibo_火柴呵_0

<...code...>仔细看这段代码与你写的有何不同！

2 回答 3380 浏览 3-1 输出以及切换

2016-06-14

请帮我看下这是什么问题。跟着敲完我的网页结构怎么乱了？

已采纳回答 / 慕田峪8758219

你的245和246两行：main.className += 'main-i_active';ctrl.className += 'ctrl-i_active';应该改为main.className += ' main-i_active';ctrl.className += ' ctrl-i_active';就是在main-i_active和ctrl-i_active前面加个空格

5 回答 1657 浏览 3-2 动态调整图片高度

2016-06-14

frankliu

实现了效果，很开森

0 3-4 总结

2016-06-14

父子等级关系

最新回答 / 殇苡迦箬

定位的原因

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

2016-06-12

03:00时，将图片top设置为50%后，ppt图片没有变化，没有向下，这是为什么呢？

+ 我来回答回答最高可+2积分

2 回答 860 浏览 3-2 动态调整图片高度

2016-06-10

9分16秒，设置幻灯片样式后h3从一行变成两行，另外图片不显示，这是哪里出问题了呀？

最新回答 / 沫沫小青

将position: absolute改成relative后，网页效果和视频上的一致。<...code...>又分析了一下，发现设置absolute时，img是相对于class=main-i main-i_active的div元素的，而main-i main-i_active内又是设置absolute的，按我的理解是，这个div位置不变，img就不变，那为什么视频内却是改变了呢？

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

2016-06-10

木木彬

老师，怎么没有左右箭头切换和自动播放呢

1 1-1 案例介绍

2016-06-06

qq__4066

为什么我写完图片切换函数，前面的图片输出就显示不出来了。我用的是记事本写的

0 3-1 输出以及切换

2016-06-05

为什么我们那么多同样的问题，

最新回答 / MarlboroKay

...

1 回答 802 浏览 3-1 输出以及切换

2016-06-03

['','main-i-right'][i%2]什么意思

已采纳回答 / 益铭

左边是数组arr,arr[0]="",arr[1]="main-i-right"，右边是取出数组中元素，通常用数字索引，像我左边写的那样，老师用i%2这个表达式来求得0或1，其实就是i为奇数得1，i为偶数得0。

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

2016-06-02

循环删除main-i-active类的那块，不要先判断这个类是否存在吗

最新回答 / UNhandsome

for (i=0 ;i<clear_ctrl.length;i++){ clear_main[i].className = clear_main[i].className.replace(' main-i_active',''); clear_ctrl[i].className = clear_ctrl[i].className.replace(' ctrl-i_active',''); }不知道是不是这个问题，(' main-i_active','')和(' ctrl-i_active',''...

1 回答 1110 浏览 3-1 输出以及切换

2016-06-02