Html
    Css
    Js

    
                        
.allbrand .brand {
	overflow:hidden;
	width:390px;
	height:225px;
	margin:40px auto 0 auto;
}
.allbrand .brand a {
	display:inline;
	position:relative;
	float:left;
	width:120px;
	height:70px;
	margin:0 6px 5px 0;
	color:#fff;
	font-size:14px;
	line-height:70px;
	text-align:center;
}
.allbrand .brand a img {
	position:absolute;
	left:10px;
	width:118px;
	height:68px;
	border:1px solid #e9e8e8;
}
.allbrand .brand a em {
	overflow:hidden;
	display:none;
	position:absolute;
	top:36px;
	left:10px;
	width:118px;
	height:0;
	border:1px solid #e9e8e8;
	background:#39f;
	opacity:0.5;
	cursor:pointer;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jQuery实现图片翻翻看

2
      JhinSama0
      2017/8/25 11:28:29

      这个可以用css实现的吧

          幽然~~窳纛?0
          2017/9/20 9:52:37

          对,也有做了一版CSS3实现的

      回复