七乐彩图表走势图表
    Html
    Css
    Js


* {
	margin:0;
	padding:0
}
html,body {
	height:100%
}
body {
	width:100%
}
button {
	margin:50px 0px 0px 50%;
	width:100px;
	height:30px;
	border-radius:5px;
	background:linear-gradient(to left,#0054ff,#00e4ff);
	color:aliceblue;
	cursor:pointer
}
#imgLayer {
	display:none;
	z-index:5;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
}
#imgBoxl {
	display:none;
	height:100%;
	z-index:6;
	position:fixed;
	margin:5%;
}
#bigimg {
	position:fixed;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
}
ul ol {
	margin:20px
}

↑上面代碼改變,會自動顯示代碼結果 jQuery調用版本:2.1.4
 立即下載

無需任何插件html+css+js實現圖片彈窗(原創)

頁面樣式就懶得寫了,重點的功能,注釋寫的比較多,主要方便給新手查看

鼠標左右鍵可切換圖片鍵盤左右鍵可切換圖片點擊空白區域關閉圖片打開圖庫按鈕可自行修改內容和樣式如需添加圖片只需要給js中的“imgurl”數組添加內容即可

0
  短信接口
七乐彩图表走势图表