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 1-2 原理解析

2015-11-17

HJTxyr

为什么我的代码中和老师一样添加了 rsort()函数
//5.排序海报
function rsort(n){
var photo_center = g('#photo_'+n);
photo_center.className += ' photo_center ';}
函数之后，运行时浏览器提示我 Cannot read property 'className' of ？？？？

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

2015-11-16

CClarence

感谢感谢，希望老师多出更优秀的作品

1 4-2 拓展与总结

2015-11-15

对象的遍历

最新回答 / nmeng2015

replace是字符串方法，可以连用。跟jQuery里面的对象在一行里面加多个方法性质一样的。replace('{{index}}',s) .replace('{{img}}',data[s].img) .replace('{{caption}}',data[s].caption).replace('{{desc}}',data[s].desc);这个是写在for in代码块里面的。for(var s in data){}表示要用s来遍历data这个数组对象s就是索引，data[s]表示data数组索引为...

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

2015-11-15

HJTxyr

var _html = template
.replace('{{index}}',s)
.replace('{{img}}',data[s].img)
.replace('{{caption}}',data[s].caption)
.replace('{{desc}}',data[s].desc);

0 3-2 内容输出

2015-11-15

CClarence

直接rsort（Math.ceil(Math.random()*19)）；不就行了吗

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

2015-11-14

为什么我每点击7到8次就会有一次是直接翻过来，没有过渡动画呢？

已采纳回答 / zhf_top

应该是chrome的问题，本人用Safari或Firefox测试没有此问题。谷歌论坛上有人讨论此事，可惜被墙了我访问不了。

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

2015-11-14

love1212

同求icon.woff

0 3-5 完整翻转控制（1）

2015-11-04

最爱的是不二

看到老师玩旋转，玩嗨了

0 2-3 3D效果编写

2015-11-01

慕斯卡9626126

讲的真好，涉及内容好多啊，慢慢消化，希望老师多出课程，记得带素材

2 4-2 拓展与总结

2015-11-01

图片翻转问题

最赞回答 / fight_2015

自问自答吧，其实是自己拼错了一个单词，在83行-webkit-transform-style:presereve-3d;应该是-webkit-transform-style:preserve-3d;

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

2015-10-27

qq_Saysomething_0

请问低吗在哪里下载？

0 2-1 基本介绍

2015-10-27

冰风拂雪

《CSS3+JS 实现超炫的散列画廊特效》代码下载：http://www.jthinking.com/article/gallery.html

16 1-1 基本介绍

2015-10-22

没有如果379

没有源代码么？

0 4-1 优化与兼容

2015-10-15

谷歌的过渡效果

最新回答 / zhf_top

说是chrome 40版本后有的问题，谷歌论坛上有讨论，可惜被墙了我访问不了。

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

2015-10-14

首页上一页 24 25 26 27 28 29 30 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空