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

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

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

                
                Lyn
            Web前端工程师

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

全部评论问答未解决精华

{{index}}是字符串吗？

最新回答 / 慕盖茨4878874

没什么含义的，不用{{}}这个符号也是可以的，用{{index}}可以保证唯一性，主要是为了寻找特定的字符串。

2 回答 1202 浏览 3-4 总结

2016-07-15

是否可以去掉div.slider不写它

最新回答 / 设计师小站

主要是为了下次使用，组件化进行复用

2 回答 913 浏览 1-2 开发方法

2016-07-13

<img src="imgs/{{index}}.jpg" />是什么意思

最赞回答 / JS_Terminator

构建模板用的，你得在你的imgs文件夹里面复制一张名为 {{index}}.jpg 的图片

1 回答 1923 浏览

2016-07-13

在页面上播放音乐怎么办？

最新回答 / 行走的指尖

<audio autoplay> <source src="audio/one-better.mp3" type="audio/mpeg" />//src=""中换成自己的本地mp3文件路径</audio>

1 回答 996 浏览 1-1 案例介绍

2016-07-12

replace(/{{index}}/g, data[i].img)这句里面的{{}}起什么作用？？

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

6 回答 2113 浏览 3-3 优化与扩展

2016-07-06

Uncaught TypeError: g is not a function(…)

最新回答 / Svennnn

var g = function (id) 可以改成 function g(id) {...}

1 回答 2969 浏览

2016-07-03

关于img标签

最新回答 / 葡萄3

还要检查你的a是不是也有display width height position属性· 要不a就是个没有宽高的标签· 图片也会显示不出来·

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

2016-07-02

上回一边看了一边写了以后出了bug，删了几行代码又好了，因为不是很明白作用，就特地来问一下

最新回答 / 设计师小站

main-i_right要在css设置样式，主要是方向问题

2 回答 894 浏览

2016-06-20

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

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

0 回答 1763 浏览

2016-06-14

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

已采纳回答 / weibo_火柴呵_0

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

2 回答 3576 浏览 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 回答 1801 浏览 3-2 动态调整图片高度

2016-06-14

父子等级关系

最新回答 / 殇苡迦箬

定位的原因

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

2016-06-12

缩小浏览器时，多出图片

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

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

2016-06-11

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

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

2 回答 965 浏览 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 回答 1214 浏览 2-3 基本界面样式完成

2016-06-10

首页上一页 5 6 7 8 9 10 11 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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