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

全部评论问答未解决精华

当查找class时，g('.main-i') 为什么前面要加入点。

已采纳回答 / zhongrui97

加点符合 if(id.substr(0,1) == '.') ,执行的是return document.getElementsByClassName(id.substr(1))

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

2018-04-17

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

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

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

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

2017-04-29

如何去掉文字的白底

已采纳回答 / 信者得救

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

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

2017-03-23

.slider .main .main-i .caption h2{ font-size: 30px; color: #999; line-height: 30px; text-align: right;}.slider .main .main-i .caption h3{ font-size: 40px; color: #333; line-height: 40px; text-align: right; font-family: "楷体";}.slider .main .main-i h2{ m...

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

2017-02-08

js代码都按着写了，可是为啥这样呢？

已采纳回答 / 设计师小站

main.className+="main_i_active"ctrl.className+="ctrl_i_active"少了空格

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

2016-11-12

<img src="images/{{index}}.jpg" />

最赞回答 / 橙橙先生

这是构建模板用的，{{index}}这个字符串会被之后循环添加图片替换成相应的图片文件名

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

2016-11-12

replace替换

已采纳回答 / hope_HLY

首先，前半部分 ['','main-i_right'] 是个数组，有两个元素，一个为空字符串，一个为 main-i_right 其次，计算 i%2的值，最后将计算出来的值和前面的数组看成一个整体。eg: ['','main-i_right'][7%2]---->['','main-i_right'][1]---->main-i_right ['','main-i_right'][6%2]----->['','main-i_right'][0]----->' '

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

2016-10-18

css类选择器通过多层类的选择

已采纳回答 / qq_骑着猪散步_0

用类这种选择器可以重复使用同一样式，简化代码，如果显不出所设置的样式，很有可能您的类名写错了

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

2016-09-27

提示图;hover的问题

已采纳回答 / moshikaishi

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

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

2016-08-31

有没有源码啊

已采纳回答 / 慕莱坞9220042

好像没有，可以自己手敲，跟着敲，一样可以实战操作练习。

2 回答 1376 浏览 1-1 案例介绍

2016-07-21

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

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

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

2016-07-06

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

已采纳回答 / weibo_火柴呵_0

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

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

2016-06-14

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

已采纳回答 / 益铭

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

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

2016-06-02

老师，这个例子的源码在哪

已采纳回答 / 小世界nny

<!doctype html><html><head><meta charset="utf-8"><title>js+css实现带预览图幻灯片效果</title><style>*{margin:0;padding:0;}body{padding:50px 0;font-size:14px;font-family:"Microsoft YaHei UI";background:#fff;color:#555;-webkit-...

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

2016-05-31

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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