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

全部评论问答未解决精华

源代码，有几个问题，大家可以看看，就是我觉得 .photo_wrap 只是把图片翻转好，而 .photo_font .photo_wrap 才是真正的翻转，不知道说得对不对，老师也看看呗！

已采纳回答 / 慕雪9025550

原来我是在html中的class内的类名前多加了一个点（直接从样式那复制过来的），真的快疯。看了好久le。。。

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

2015-06-07

发现一个bug

已采纳回答 / BCS

貌似结果应该是这样的吧 random( [-1,data.length-1] )

6 回答 1506 浏览 3-3 排序当前展现海报

2015-06-04

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>海报画廊</title><link rel="stylesheet" href=""><style>div,ul,li,p,img{padding:0;margin:0}body{background: #fff;font-size: 14px;font-family: "微软雅黑";}ul{list...

6 回答 2065 浏览 3-2 内容输出

2015-05-25

旋转效果出不来啊，老师，求解啊。。。。。

已采纳回答 / fighter_fighting

W3C指出chrome要使用过渡属性需要添加-webkit-，当时我发现加上没有效果，transition: all .6s ;反而可以。

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

2015-05-19

图片翻转效果

已采纳回答 / fighter_fighting

思路：（1）side_back和side_front两个div通过绝对定位实现重叠，此时前后均呈正像可见，side_back在上，side_front在下，由于遮挡只能看见side_back。（2）side_front旋转0度，side_back旋转180度，此时side_back在上呈倒像不可见，side_front在下呈正像可见。（3）side_back和side_front两个div被photo_warp包裹，在之前变换的基础之上，若添加.photo_back .photo_warp样式即side_...

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

2015-05-13

写成 document.method(selector.substr(1) 不对

已采纳回答 / arlenhui

看走眼了，method是字符串方法，不能用.来连接，要用[]

5 回答 1640 浏览 3-2 内容输出

2015-05-07

这集视频无法观看，怎么回事？

已采纳回答 / 小萝卜腿

可以的，<...图片...>

5 回答 1167 浏览 1-1 基本介绍

2015-05-07

图片在翻转过程中会闪动是什么原因

已采纳回答 / arlenhui

可能是浏览器问题

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

2015-05-06

将js数据文件换成JSON格式的文件可以吗

已采纳回答 / 若能笑度一世

完全可以

3 回答 1515 浏览 1-2 原理解析

2015-05-05

360 IE 都不支持啊

已采纳回答 / Lyn_Tech

的确，很多属性是IE下不支持的，这个老浏览器，大家就不要太过介意了～非要支持的话，也是有办法的，只是兼容代码比实现代码本身还要多。。。

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

2015-04-29

同求源码啊，老师

已采纳回答 / Lyn_Tech

http://pan.baidu.com/s/1i3nakXv

3 回答 1263 浏览 1-1 基本介绍

2015-04-27

请问有源代码么

已采纳回答 / DeanDai

http://www.jthinking.com/article/gallery.html

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

2015-04-26

在photo-wrap中 -webkit-transition:all 1s的问题

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

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

2015-04-25

开始学习

课程须知: 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 实现超炫的散列画廊特效