CSS3+JS 实现超炫的散列画廊特效_技术问答

首页免费课 CSS3+JS 实现超炫的散列画廊特效问答

CSS3+JS 实现超炫的散列画廊特效

                
                Lyn
            Web前端工程师

                    查看讲师更多课程 
                    Lyn讲师的其他课程
                
JS+CSS3实现“粽情端午”
中级·39505
免费课程
                                
JS+CSS3实现带预览图幻灯片效果
初级·53759
免费课程
                                
可调大小面板实现（Resizeable Panel）
初级·13047
免费课程
                                
QQ空间时光轴特效
初级·29058
免费课程
                                
鼠标拖拽效果
初级·25993
免费课程
                                
                难度中级
            
                时长 2小时22分
            
                学习人数
            
综合评分9.67
                            84人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

为什么一开始side-back会挡住side-front？

最新回答 / HakoneOnsen

知道了，老师把div浮起来了，然后都设置了top: 0;left: 0所以后面的side-back挡住了前面的side-front，自问自答了，哈哈。

1 回答 1309 浏览 2-2 基本界面编写

2017-07-06

字符串拼接的时候,html定义为一个数组，有什么好处吗

最新回答 / 幕布斯1467664

可以直接用 [].join('');字符串拼接有性能影响.

1 回答 1572 浏览 3-2 内容输出

2017-06-15

<p class="image"><img src="images/{{img}}" /></p>一直报错

最新回答 / ranruci

这个问题找到原因了吗？我今天敲代码也是这个问题。找不到原因

2 回答 1274 浏览 3-2 内容输出

2017-06-13

删除photo_front后再添加photo_front是不是多余的操作呢？不要删除不久行了？

最新回答 / qq_水士口_0

可以不删啊但是下面要加一个判断如果本身样式中没有 photo_front 的话要给它加上去你旋转到背面的时候样式表上是没有 photo_front 这个样式的

2 回答 1473 浏览 3-6 完整翻转控制（2）

2017-05-23

问下为什么不直接写成数组，还有写js来分隔？这样写有好处吗mama？

最新回答 / 阿甘油

数组是从文件中读取出来的，一读出来就是一个整的数组，所以才要分割成两个。如果直接给两个数组，那就没有必要切了

1 回答 1306 浏览 3-2 内容输出

2017-05-22

代码问题？

最新回答 / 侠客岛的含笑

原生的

1 回答 1218 浏览 3-4 排序左右分区的海报

2017-05-19

编程工具是什么？

最新回答 / 侠客岛的含笑

sublime

2 回答 1471 浏览 2-1 基本介绍

2017-05-19

replace 这里报错，不知道怎么改

最新回答 / 我们的演绎

哇，什么都没改，把innerHTML 从innerText改回innerHTML就好了....

1 回答 1159 浏览 3-2 内容输出

2017-04-26

我的的基本页面编写展示为什么和老师的不同

最新回答 / 慕粉2250031527

可能是所用浏览器的相关设置不同

1 回答 1161 浏览 2-2 基本界面编写

2017-03-28

js代码写完为什么点击没有效果求解

最新回答 / 慕侠2155777

肯定报错 var elem.className; 你获取这个dom的类名但是没给他赋值而且你点击事件调用的函数名都对不上号，上哪执行去

3 回答 2516 浏览 3-1 简单翻转控制

2017-03-27

我怎么没有三D效果啊反转比如哦100度没有一边长一边短的立体效果

最新回答 / 慕侠2155777

-webkit-perspective: 800px; 值越小，你要的效果立体越强越大，根据自己的图片大小感觉会越真实，具体情况自己看这写

3 回答 1447 浏览 2-3 3D效果编写

2017-03-27

我需要在 photo_center 中另外设置back font 而不是自动生成的这样对吗好像老师没有设置就有反转的i效果了

最新回答 / ClasName

<div class="photo photo_center photo_back"> 老师改的是photo_back和photo_front的切换，给事件的时候切换这两个class就可以了

1 回答 952 浏览 2-3 3D效果编写

2017-03-27

random获取随机数方法那里应该是用Math.round而不是Math.ceil吧

最新回答 / 月饮空城

Math.random()方法返回大于等于0 小于1 的一个随机数.。注意是大于等于零，可以取到零，但是概率比较小。。。所以我觉得可以用Math.floor()方法。

2 回答 1446 浏览 3-4 排序左右分区的海报

2017-03-25

快来看一看吧

最新回答 / qq_水士口_0

css样式里面在 i:affter 里面加上 opacity: 0; 然后再 i_current:affter 里面加上 opacity: 1; 应该就可以了

2 回答 849 浏览 3-6 完整翻转控制（2）

2017-03-23

请教一下各位大神老师，照着写的代码，但是显示的和视频里面的不一样啊

最新回答 / caicai31

<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>css3+js实现散列画廊特效</title> <style> *{ padding: 0; margin: 0; } body{ background-color: #fff; color: #555; font-family: "Avenir N...

3 回答 1234 浏览 2-3 3D效果编写

2017-03-19

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

开始学习

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

老师告诉你能学到什么？: 1、方法论：VCD 分解法 2、平面旋转、3D旋转、样式过度动画 3、如何用 JS+HTML 实现最简单的模板功能 4、简单的id,class DOM选择器实现 5、JS 算法：范围内随机数生成 6、数组、DOM 元素集合的遍历 7、FF 和 Chrome 样式兼容的方法

微信扫码，参与3人拼团

热搜

最近搜索清空

CSS3+JS 实现超炫的散列画廊特效