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

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

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

                
                Lyn
            Web前端工程师

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

全部评论问答未解决精华

和老师一样的，clientHeight获取图片可视高度，为什么获取到的是整张的高度，效果就成这样了

最新回答 / 请叫我橙子蛋

全部代码在楼上

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

2017-03-10

为什么ctrl-i里面的东西有边距..没写过边距啊

最新回答 / 慕沐2622025

换行有空格

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

2017-03-09

效果出来不一样，那个缩略图没有在预期的位置0.0

最新回答 / qq_慕盖茨8361330

看到这里解决我的问题了我也是跟着代码敲最后图片加了position 直接定位爆炸我想问下不给a 也就是ctrl-i设置定位那么他的最近的父元素不是ctrl么怎么定位会定到上面去嘞 ctrl也有position属性啊虽然是absolute

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

2017-03-09

自动播放如何实现

最新回答 / 慕九州9535070

这其实不难啊,您只需要写一个变量记录轮播图的页数,然后用周期函数执行一次判断一次就可以了

1 回答 1328 浏览 3-4 总结

2017-02-14

谷歌浏览器下的clientHeight？

最新回答 / qq_Nightwish_8

怎么解决的

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

2017-02-14

为什么index，main，ctrl要加两个大括号？

最新回答 / Start0

正则表达式，匹配字符串。你可以了解一下正则表达式http://www.imooc.com/learn/706，这里就有哦。

1 回答 1961 浏览 3-4 总结

2017-01-30

var g = function (id){ //id为该函数传入的参数 if(id.substr(0,1)=='.'){ //判断 substr(0,1) 截取传入的参数id 从0 开始截取1位是否和字符串'.'相同 return document.getElementsByClassName(id.substr(1)); // 条件成立返回 document.getElementsByClassName(截取id从第1...

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

2017-01-13

为什么index要加{}

最新回答 / 王三丝3692369

也可以不加，是普遍的习惯而已，你可以随便写个到时候能选中替换就行，‘{{ }}’是jinja2语言里模板的内容，用‘{{ }}’为了更好理解一点。

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

2017-01-13

为什么我的效果不一样，有人能帮帮我解答吗？

最新回答 / 设计师小站

老师讲解的很详细，基础内容大家就自行百度和google了，现在贴出html css js源代码，使用lint语法优化了一下，仅供参考，链接: http://pan.baidu.com/s/1kVSBOij 密码: v37k，仔细对照，注意空格和_

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

2016-12-20

我用hb来做怎么显示结果不一样，是不是哪里错了

最新回答 / jw3631281

<body><div class="slider"></div> --------------这个div放到最后 ... ...<div class="ctrl"><a class="ctrl-i" href="javascript:;"><img src="img/1.jpg" /></a></div> <-------- 放到这里</body>

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

2016-12-18

标题无法显示

最新回答 / 349811828汀蓝

已解决

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

2016-12-12

H2、H3标签

最新回答 / love丶技术

JS声明的data数组里是h1和h2，替换的时候是把数组里h1，h2的内容赋给HTML中h2，h3的内容

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

2016-12-06

大图无法显示，下面是代码（除了css样式代码没传）

最新回答 / wumu_zhuangzhu

楼上正解

3 回答 1157 浏览 3-4 总结

2016-11-24

没看懂这行代码，求教

最新回答 / 慕神4593838

http://www.runoob.com/jsref/jsref-join.html建议你看下这个，里面有介绍join的用法

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

2016-11-16

求助，紧急

最新回答 / SmallAll

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head lang="en"> <meta charset="UTF-8"> <title>JS图片幻灯片&...

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

2016-11-13

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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