parent
516465ad49
commit
c496f0918a
@ -1,140 +0,0 @@
|
||||
<!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>
|
||||
Loading…
Reference in new issue