You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
140 lines
3.6 KiB
140 lines
3.6 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>绘鸭AI相机演示效果图</title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
a, img {
|
|
border: 0;
|
|
}
|
|
|
|
a {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #F60 !important;
|
|
text-decoration: none;
|
|
}
|
|
|
|
body {
|
|
font: 12px/180% Arial, Helvetica, sans-serif, "新宋体";
|
|
}
|
|
|
|
.iframe, html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: none;
|
|
}
|
|
|
|
/* jump */
|
|
#jump {
|
|
position: fixed;
|
|
top: 300px;
|
|
right: 30px;
|
|
width: 40px;
|
|
z-index: 400;
|
|
}
|
|
|
|
* html #jump {
|
|
position: absolute;
|
|
top: expression(documentElement.scrollTop + "px");
|
|
margin: 300px 0 0 0;
|
|
}
|
|
|
|
#jump li {
|
|
height: 50px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#top, #historyback, #locationreload,
|
|
#weixin {
|
|
display: block;
|
|
width: 40px;
|
|
height: 42px;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#top {
|
|
background: url(./images/top.png) no-repeat;
|
|
}
|
|
|
|
#historyback {
|
|
background: url(./images/back.png) no-repeat;
|
|
}
|
|
|
|
#top:hover {
|
|
background: url(./images/toped.png) no-repeat;
|
|
}
|
|
|
|
#historyback:hover {
|
|
background: url(./images/backd.png) no-repeat;
|
|
}
|
|
|
|
#locationreload {
|
|
background: url(./images/ceping.png) no-repeat;
|
|
}
|
|
|
|
#locationreload:hover {
|
|
background: url(./images/cepinged.png) no-repeat;
|
|
}
|
|
|
|
#EWM img {
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|
|
|
|
</style>
|
|
<!--引用Jquery-->
|
|
<script src="./component/jquery-3.5.1.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<iframe src="" class="iframe" id="iframe1"></iframe>
|
|
<ul id="jump">
|
|
<li style="display: none;"><a id="top" href="#top"></a></li>
|
|
<li><a id="historyback" href="#" target="_blank" onclick="history.back();return false;"></a></li>
|
|
<li><a id="locationreload" href="" target="_blank"
|
|
onclick="document.getElementById('iframe1').contentWindow.location.reload();;return false;"></a></li>
|
|
</ul>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
const params = new URLSearchParams(window.location.search);
|
|
var source_img_url = params.get('img_url'); // 获取 param1 的值
|
|
var id = params.get('id');
|
|
if (id == null) {
|
|
id = "1";
|
|
}
|
|
//系统用户默认图像
|
|
if (source_img_url == null) {
|
|
source_img_url = "http://hzkc.oss-cn-beijing.aliyuncs.com/Images/Upload/mote.png";
|
|
}
|
|
document.getElementById("iframe1").src = "ManageImgImpl.html?img_url=" + source_img_url + "&id=" + id;
|
|
$(window).scroll(function () {
|
|
if ($(window).scrollTop() > 300) {
|
|
$('#jump li:eq(0)').fadeIn(800);
|
|
} else {
|
|
$('#jump li:eq(0)').fadeOut(800);
|
|
}
|
|
});
|
|
|
|
$("#top").click(function () {
|
|
$('body,html').animate({
|
|
scrollTop: 0
|
|
},
|
|
1000);
|
|
return false;
|
|
});
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |