页面代码 HTML_glen huntly road, melbourne, victoria, australia-CSDN博客

本文链接：https://blog.csdn.net/z307755214/article/details/7734370

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.6.3.min.js" type="text/javascript"></script>
<link href="base.css" type="text/css" rel="Stylesheet">
<script type="text/javascript">

jQuery(function () {
// $("#printArea").drag();
$(".print-btn").live("click", preview);
});
function preview() {
var bdhtml = $(document.body).html();
var sprnstr = "";
var eprnstr = "";
var prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
$(document.body).html(prnhtml);
window.print();
$(document.body).html(bdhtml);
// $("#printArea").drag();
}
</script>
<style type="text/css">
.divMain
{
padding: 0;
margin: 0;
width: 95mm;
height: 95mm;
border: solid 1px #ccc;
}
.divLeft
{
width: 70mm;
height: 95mm;
padding: 0;
margin: 0; /*float: left;*/
position: absolute;
left: 10px;
}
.divRight
{
width: 25mm;
height: 95mm;
padding: 0;
margin: 0; /*display: inline-block;*/
position: absolute;
right: 10px;
}
/*垂直翻转
.flipy
{
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}*/

body
{
-khtml-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 10px;
}
.print
{
position: fixed;
top: 100px;
left: 0px;
width: 200px;
height: 300px;
border: dotted 1px #CCCCCC;
border-left: 0px;
cursor: default;
}
.print-btn
{
background-color: #CCCCCC;
height: 22px;
line-height: 22px;
padding: 0 20px;
display: inline-block;
margin: 20px;
cursor: pointer;
}
.print-btn:hover
{
background-color: #999999;
color: #FFF;
}
#printArea
{
display: inline;
padding: 10px;
position: absolute;
cursor: default;
}
.paper
{
width: 210mm;
margin: 0 auto;
position: relative;
}
</style>
<style type="text/css" media="print">
.print
{
position: fixed;
top: 100px;
left: 0px;
width: 200px;
height: 300px;
border: dotted 1px #CCCCCC;
border-left: 0px;
cursor: default;
display: none;
}
/* #printArea
{
font-size: 30pt;
}*/

.divMain
{
padding: 0;
margin: 0;
width: 95mm;
height: 95mm;
}
.divLeft
{
width: 70mm;
height: 95mm;
padding: 0;
margin: 0; /*float: left;*/
position: absolute;
left: 5mm;
}
.divRight
{
width: 25mm;
height: 95mm;
padding: 0;
margin: 0;
right: 5mm;
position: absolute; /* display: inline-block;
float: right;*/
}
img
{
width: 5cm;
height: 2cm;
}
</style>
</head>
<body>
<form name="frmTradeSale" id="frmTradeSale">
<div>
</div>
<div class="paper" id="Paper">
<div id="printArea">

<div class="divMain">
<div class="divLeft">
<p>
Sebastian Loupis</p>
<p>
Unit 24, 56 O'Riordan Street</p>
<p>
</p>
<p>
Alexandria | New South Wales | 2015</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
1 * SKU099(WHITE)<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Jeff Pitts</p>
<p>
62 Lucy Victoria Ave</p>
<p>
</p>
<p>
Australind | Western Australia | 6233</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
1 * SKU099(BLACK)<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Chris Sherwood</p>
<p>
15 Oates ST</p>
<p>
</p>
<p>
Burnie | Tasmania | 7320</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
3 * SKU2<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Wudhichart Sawangphol</p>
<p>
55 Marshall Avenue</p>
<p>
</p>
<p>
Clayton | Victoria | 3168</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
1 * SKU099(BLACK)<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
david carmichael</p>
<p>
20 breen crt</p>
<p>
</p>
<p>
darraweit guim | Victoria | 3756</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
1 * SKU099(WHITE)<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Ryan Clover</p>
<p>
3/1090 Glenhuntly Road</p>
<p>
</p>
<p>
Glenhuntly | Victoria | 3163</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
1 * SKU099(BLACK)<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
dj prebble</p>
<p>
2 broadway</p>
<p>
</p>
<p>
jeparit | Victoria | 3423</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
2 * SKU2<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Jannine Hedges</p>
<p>
20/520South Road</p>
<p>
</p>
<p>
Kurralta Park | South Australia | 5037</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Sophia Wilson</p>
<p>
61 Thomson Street Northcote</p>
<p>
</p>
<p>
Melbourne | Victoria | 3070</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
3 * SKU099<sfbh001></p>
<p>
3 * SKU099(BLACK)<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Peta Bereczky</p>
<p>
Level 2 (reception)</p>
<p>
11 Brown Street</p>
<p>
Newcastle | New South Wales | 2300</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
2 * SKU099<sfbh001></p>
<p>
3 * SKU099<sfbh001></p>
<p>
2 * SKU099(WHITE)<sfbh001></p>
<p>
3 * SKU099(WHITE)<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Shuvra Saha</p>
<p>
102 High Street Mascot</p>
<p>
</p>
<p>
Sydney | New South Wales | 2020</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
massimo anastasio</p>
<p>
unit 10/26 highfield</p>
<p>
quakers hill</p>
<p>
sydney | New South Wales | 2763</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Grace Coller</p>
<p>
23 Woodburn Place</p>
<p>
Glenhaven</p>
<p>
Sydney | New South Wales | 2156</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Chantal Beasley</p>
<p>
2 Eugenia Street</p>
<p>
</p>
<p>
Toowoomba | Queensland | 4350</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Chantal Beasley</p>
<p>
2 Eugenia Street</p>
<p>
</p>
<p>
Toowoomba | Queensland | 4350</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Chantal Beasley</p>
<p>
2 Eugenia Street</p>
<p>
</p>
<p>
Toowoomba | Queensland | 4350</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
1 * SKU099(BLACK)<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Tahnee Stockl</p>
<p>
19 west road</p>
<p>
</p>
<p>
Waikerie | South Australia | 5330</p>
<p>
Australia()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
bossknow()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Sid-Ali Benaissa</p>
<p>
5 rue du 8 mai 1945 Apt.120</p>
<p>
</p>
<p>
Meru | Picardie | 60110</p>
<p>
France()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
sontoon()</p>
<p>
1 * SKU099<sfbh001></p>
<p>
1 * SKU099(WHITE)<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Mike Oliver</p>
<p>
200 metros Este del correo postal de Esparza, edificion esquinero, ventanales grandes,
Almacen Ure?a</p>
<p>
</p>
<p>
Glenn Heights | TX | 75154-8690</p>
<p>
United States()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
oreztv()</p>
<p>
1 * SKU2<sfbh001></p>
<p>
()@@</p>
</div>
</div>
<div class="divMain">
<div class="divLeft">
<p>
Kira Jensikbayeva</p>
<p>
15619 159th Ave SE</p>
<p>
</p>
<p>
Renton | WA | 98058-6317</p>
<p>
United States()</p>
<p>
<img src="Code39_Img/778296898006.jpg"></p>
</div>
<div class="divRight">
<p>
romorus()</p>
<p>
1 * SKU2<sfbh001></p>
<p>
()@@</p>
</div>
</div>

</div>
</div>
</form>
<div class="print">
<div class="print-btn">
打印</div>
</div>
</body>
</html>