耽美漫画

<!DOCTYPE HTML>
<html lang=”en-US”>
<head>
<meta charset=”UTF-8″>
<title>alert样式美化</title>
<style type=”text/css”>
html,body{height:100%;}
.con{width:100%;height:100%;background:hsla(0, 0%, 0%, 0.5);position: fixed;top: 0px;left: 0px;display: flex;}
#msg{color: #000;background: #fff;height: 200px;display: inline-block;width: 400px;border-radius: 5px;margin: auto auto;position: relative;overflow: hidden;}
#alertSure,#alertCancel{width: 90px;height: 40px;text-align: center;line-height: 40px;color: #fff;cursor:pointer;flex:1;}
.detail_message{width:350px;height:105px;text-align:center;overflow: hidden;display:inline-block;padding:10px;margin-left:15px;color:#ff4a00;}
#alertSure:hover,#alertCancel:hover{opacity: 0.8}
.alertTitle{height: 35px;background: #ff4a00;line-height: 35px;padding-left: 10px;color: #fff;}
.qd-qx {position: absolute;bottom: 0px;height: 40px;left:0px; width: 100%; display: flex;}
#alertSure {background: #ff4a00;}
#alertCancel{background: #ff9a00;}
</style>
</head>
<body>
<div class=”alert”>点击弹出</div>
<script type=”text/javascript” src=”js/jquery-1.8.0.min.js”></script>
<script type=”text/javascript”>

$(“.alert”).click(function(){
var aa = “操作错误,请重新尝试!!!”
alert22(‘确定’,’取消’);
function alert22(b,c){
var htmltxt=””;
htmltxt+=”<div class=’con’><div id=’msg’>”;
htmltxt+=”<div class=’alertTitle’>提示</div>”;
htmltxt+=”<span class=’detail_message’>”+aa+”</span>”;
htmltxt+=”<div class=’qd-qx’><div id=’alertSure’>”+b+”</div><div id=’alertCancel’>”+c+”</div></div>”;
htmltxt+=”</div></div>”
$(‘body’).append(htmltxt);
clearmsg();
}
function clearmsg(){
$(‘#alertSure’).click(function(){
$(‘.con’).remove();
})
$(‘#alertCancel’).click(function(){
$(‘.con’).remove();
})
};
})
</script>

</body>
</html>

 

中文双引号替换成英文引号