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

全部评论问答未解决精华

main-i_active加不进

最赞回答 / 学好底层

main.className += ' main-i_active'; ctrl.className += ' ctrl-i_active';记得"main-i_active"前面加一个空格这样添加类的时候才不会和之前的类"main-i"连在已签约

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

2017-07-26

第七步获取模板修改ID添加背景图片加不上去呀？

最新回答 / 小鱼儿会飞

仔细核实下代码，包括各种符号

1 回答 2230 浏览 3-3 优化与扩展

2017-07-20

照片{{index}}是什么意思，并没有做到这样的效果

最新回答 / kvie

这是图片名称而已，比如你下载下来的图片是1.jpg，所以你这里应该吧{{index}}换成1

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

2017-07-02

代码和老师的完全一样，图片显示不出来，心好累

最赞回答 / botao555

你图片的文件名包含中文吧，换成英文试试。

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

2017-06-13

className添加不了样式

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

2 回答 1091 浏览

2017-05-21

怎么理解简单的正则表达式

已采纳回答 / 西兰花伟大炮

这是将字符串前面的空格替换成空字符串，也就是去除空格，\s就是空格，*指的是0到多个，这里表示空格的数量，不管有多少都会被匹配，

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

2017-04-29

做到5.1获得要展现的幻灯片以及控制按钮出现问题，求大神解答一下。

最新回答 / 史迪公仔

我也是一样的，请问你后来有解决吗

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

2017-04-22

有木有完整代码

最赞回答 / JS_Terminator

给我个邮箱。发你整个代码。

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

2017-04-22

老师我的图片为什么没有变化，没有变成150的宽度？

最新回答 / JS_Terminator

哪里呢？是不是z-index 不够？

1 回答 960 浏览

2017-04-21

为什么我的写好后成这样啊

最赞回答 / Gentle晓齐

div错了 className+=' main-i_active'字符串第一个是空格

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

2017-04-14

无法实现Main-active的切换

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

0 回答 744 浏览

2017-04-03

实现页面跳转

最新回答 / Yexiaomo

这里偷懒了, 因为知道有 7张图片--------------扩展--------如果真的要去不同的图片,也可以随机产生一个 [1,7] 之间的整数<...code...>

2 回答 1121 浏览 3-4 总结

2017-03-24

如何去掉文字的白底

已采纳回答 / 信者得救

文字本来就没有白底的啊你应该是设置了背景颜色了

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

2017-03-23

.main-i_active和.ctrl-i_active

最新回答 / Yexiaomo

在 HTML 中虽然没有定义, 但是在 CSS样式中已经设定了它们的属性及值 -->页面加载时,浏览器会拿到这两个类当js控制某个元素, 添加了这两个类, 浏览器就会自动加载在CSS样式中定义好的属性 ...---------------可以去了解一下浏览器怎样加载页面的.........QAQ

1 回答 938 浏览 3-3 优化与扩展

2017-03-19

自动播放功能

最新回答 / XMYL

<!DOCTYPE html&t;&&t;hhtml lang="zh-CN"&;&l&;hehead&; &a cmeta charset="UTF-8"&< &;预览title&t;/预览图幻灯片&yle/title&tex &; style type="text/css"& ma h1,h2{ margin:0; ...

4 回答 2868 浏览 3-3 优化与扩展

2017-03-15

首页上一页 1 2 3 4 5 6 7 下一页尾页

开始学习

课程须知: 1、已经了解html标签的用法，图片资源的引用 2、已经了解css选择符的概念，以及基本的样式属性作用（宽、高……） 3、已经了解JavaScript函数的调用，了解 DOM 元素的获取及其属性的读写 4、已经掌握变量，流程控制（条件，循环）

老师告诉你能学到什么？: 1、方法论：VCD 分解法，教你破解任意特效案例的实现原理 2、CSS3 特效：倒影实现、样式过度动画 3、简单的前端模板功能 4、JS通用函数：简单的 id,class DOM 选择器实现 5、脚本操作元素的属性和样式

微信扫码，参与3人拼团

热搜

最近搜索清空

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