为了账号安全,请及时绑定邮箱和手机立即绑定

已采纳回答 / 伊猫
<...图片...>只是刚好等于图片的宽,为了好看,可自行修改
源码地址:https://github.com/DaiWanwan/Horn-Gallery

如果喜欢,就赏个start吧~

纯手打,赏个start吧~
xuedao le boxsizing,3q

最新回答 / 慕侠2155777
i_back?  这是按钮<...code...>吧,你说的情况应该是图片的背面back问题。可以在判断点击是是否是包含photo_center类的标签,如果是包含,那肯定是点击中间图片,正常正反面切换。如果不包含,你可以写个循环,把所有的photo中的photo-back类变成photo-front之后再去执行图片的重新排序<...code...>
console运行g(&#039;#wrap&#039;)时报错, Uncaught TypeError: document[method] is not a function
at g (index.html:137)
at &lt;anonymous&gt;:1:1
g @ index.html:137
(anonymous) @ VM547:1
老师,素材在哪儿啊

最新回答 / 雲淡风轻
变量s只在自身循环方法中起作用,不会影响
想请教下,大家一般都用什么软件编程?感觉DW一般般
.photo-wrap{
transform-style: preserve-3d; /*FF支持,ie全不支持,作用使被转换的子元素保留其3D转换*/
-webkit-transform-style:preserve-3d;
}在这里保留了3D转换
.photo-wrap .side-front{
-webkit-transform:rotateY(0deg);
}
.photo-wrap .side-back{
-webkit-transform:rotateY(180deg);
}
这样就可以直接实现隐藏back的效果了,不需要用到backface呀

已采纳回答 / DGua
刚才又试了一下其他浏览器,发现如果用IE浏览器的话,效果和老师视频里的效果是一样的。side-back会以翻转了180度的姿态覆盖在side-front上。但是在chrome下就是我们遇到问题的样子。背后的机制是什么我讲不出来,但是可以肯定你我的代码没问题,是浏览器内核渲染时候的差别问题。

最新回答 / darkwing_
主要还是语义,一个是容器一个是段落。其次两个的默认样式好像是不一样的

已采纳回答 / darkwing_
这样鼠标就不会在屏幕上划词了因为是画廊,所以一定会大量点击,点击次数多了很容易划住某些字,为了防止这种情况发生添加了onselectstart="return false"
这个是响应式的吗
课程须知
1、了解标签的用法,图片资源的引用 2、了解选择符的概念,以及基本的样式属性作用(宽、高等) 3、了解函数的调用,了解 DOM 元素的获取及其属性的读写 4、对程序的基本概念已经掌握,如变量,流程控制(条件,循环)
老师告诉你能学到什么?
1、方法论:VCD 分解法 2、平面旋转、3D旋转、样式过度动画 3、如何用 JS+HTML 实现最简单的模板功能 4、简单的id,class DOM选择器 实现 5、JS 算法:范围内随机数生成 6、数组、DOM 元素集合的遍历 7、FF 和 Chrome 样式兼容的方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消