HTML CSS Jq实现的图片点击预览功能,在预览时也可以点击切换图片。右边为预览图片的名称以及说明。
CSS#ImageMain {
width: 630px;
height: 500px;
margin: 0 auto;
margin-top: 100px;
}
#ImageMain>img{
width:200px;
height:200px;
cursor:pointer;
float:left;
margin-left:10px;
margin-top:10px;
}
#ImageMain>img:hover{
opacity:0.8;
}
#ImageScaBg{
position:fixed;
background-color:#000;
top:0px;
left:0px;
opacity:0.6;
width:100%;
hei