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

全部评论问答未解决精华

文字没有动画效果

最新回答 / Lyn_Tech

transition:all 1s ; 这个加了没。。注意兼容性代码

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

2015-06-15

main.ClassName += 'main-i_active'

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

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

2015-06-15

我很想知道

最新回答 / Lyn_Tech

查看效果不能用DW，最好到 CHROME里面去看

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

2015-06-15

慕妹8035330

很棒，还要慢慢学习消化呀

0 3-4 总结

2015-06-15

老师，{{index}}是什么鬼？为什么你的能出图片？

已采纳回答 / qq_致敬_0

前面已经在复制了一张图片重命名为{{index}}.jpg了。回去仔细看视频。

5 回答 3885 浏览 2-2 下面编写倒影

2015-06-15

浏览器兼容问题

最新回答 / Lyn_Tech

后续有兼容的CSS代码，实在不兼容的。非要兼容，动效这块只能用JS来写了……

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

2015-06-15

Kvkens

素材已经有下载了。

0 1-3 开发目录介绍

2015-06-15

Kvkens

啊啊啊啊看到我的周董了。

0 1-1 案例介绍

2015-06-15

图片显示问题

已采纳回答 / Lyn_Tech

前面有复制一张这个名称的图片。。

4 回答 721 浏览

2015-06-14

Sunny_0008

不错哟！！！

0 1-1 案例介绍

2015-06-14

加上-webkit-grandient的东西后就什么效果都没有了

最新回答 / 戈饭

会不是会因为浏览器差异呢？这种效果只能在chrome里实现。

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

2015-06-14

shijikl

切换一下浏览器，或者清理一下cache

0 2-1 距离底部有点距离

2015-06-14

烈马狂奔

很棒，很棒，很棒

0 3-4 总结

2015-06-14

徐先生了了

我真的是，一模一样的代码，妈的怎么就不对呢

2 3-1 输出以及切换

2015-06-14

就这两行不行

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

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

2015-06-14

为何没有代码可以下载的代码供参考？

最赞回答 / Dongson

<!DOCTYPE html><htmml><head> <title> shopping web </title> <meta charset="utf-8"> <style> *{padding:0;margin:0} body{ padding:50px 0; background-color: #FFF; font-size: 14px; font-...

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

2015-06-13

首页上一页 43 44 45 46 47 48 49 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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