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

全部评论问答未解决精华

手机的用户

虽然键盘声音很闹心，说话声音也难听，清晰度又低，但是学到的知识还是很多的，感谢！

0 3-4 排序左右分区的海报

2017-02-23

慕粉3285389

Math.floor()

1 3-3 排序当前展现海报

2017-02-23

手机的用户

讲得好啰嗦啊

0 1-2 原理解析

2017-02-20

歌神王司徒3749469

讲的太好太详细了。

0 1-1 基本介绍

2017-02-20

data.js出现问题了，但一直找不到问题所在，求大家指正

最新回答 / lmagineMewithout

把var dataStr = ' 中的 ' (引号) 改成 ` (反引号, 数字1左边) 详情请查询ES6-模板字符串

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

2017-02-15

qq_疯行者_0

这里的随机函数有个小小的问题，主要是因为取整函数和js的Math函数的随机原理造成的，因为js得随机原理是在0-1之间生成一个随机数，不知道会不会生成等于极值得数字，但是无论会不会其概率都是最低得（因为生成得随机数小数点后有16位）。按照老师得函数如果是要生成5-10之间的能等于极值得随机数，要得到等于5得随机数只有当随机数是0是才会等于5，这是由于取整函数决定得，只要小数点后有数据就自动在整数位进一位，所以几乎不可能生成最小值。所以在取值范围是整数时要记住传值时如果要可以等于最小极值要将最小值减一（因不知道js得随机会不会获得极值，也就是0。所以为了完全消除这个概率极低问题，加个判断即可）。

0 3-3 排序当前展现海报

2017-02-10

关于随机数的个人想法

最新回答 / 小鱼儿会飞

Math.floor(Math.random()*(max-min)+min);//向下取整rsort([0,data.length]);可以取得min值，取不到max值；Math.ceil(Math.random()*(max-min)+min);//向上取整rsort([0,data.length]);可以取得max值，取不到min值；

2 回答 868 浏览 3-3 排序当前展现海报

2017-02-10

_掉毛的皮卡丘_

缩放的话，把中间设置为1，两边的缩小一点会不会比较好，因为放大中间的话，背面的文字会因为放大变得模糊

0 4-1 优化与兼容

2017-02-08

慕妹6355885

能给差评的话，绝对给你个！

2017-02-08

慕妹6355885

真是服了，看了半天，到最后没有data.js ，这下面还怎么实现。醉了

2017-02-08

_掉毛的皮卡丘_

angularjs即视感

0 3-2 内容输出

2017-02-07

inRush

Cannot read property 'className' of null的是你们在rsort([0,data.length])参数里面没有加中括号吧

1 3-3 排序当前展现海报

2017-01-27

inRush

Math.random()随机范围是[0 ,1),老师的是对的呀,0-7取随机只能取到1-7,不能取到8,比如随机数随到0.99,0.99*(7-0)=6.93,然后向上取整就是7,随到0.1,0.1*(7-0) = 0.7,向上取整就是1,所以范围就是在1-7,没错!!!

2 3-3 排序当前展现海报

2017-01-27

inRush

代码不对的可以先去看看css3的3d特效,之前我学过这些,现在理解起来就和容易了,最好的是去看一下css3做的一个3d盒子,那个理解起来会容易一些,这里老师试将那个photo_back加到了photo标签上了,或者在photo-wrap上直接写transform: rotateY(180deg);也是可以的,加photo_front应该是不可以的,因为photo_front没有令photo_wrap翻转180度

1 2-3 3D效果编写

2017-01-27

ncaught TypeError: Cannot read property '0' of undefined

已采纳回答 / 麦穗er

这个函数没有问题，有问题的是下面你用这个函数的时候里面没有给数字或者变量

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

2017-01-23

没有图片素材吗？

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

0 回答 652 浏览

2017-01-17

首页上一页 8 9 10 11 12 13 14 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空