贵美商城购物车页面

最新推荐文章于 2020-09-24 10:16:40 发布

Cool__King

最新推荐文章于 2020-09-24 10:16:40 发布

阅读量2.8k

点赞数 1

分类专栏： HTML 文章标签：贵美商城购物车页面

本文链接：https://blog.csdn.net/Cool__King/article/details/80772781

版权

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.background-image {
				background-image: url("images/buytitle_bg.gif");
				text-align: left;
				text-indent: 50px;
				background-repeat: no-repeat;
				background-size: auto 100%;
			}
			
			.parent {
				text-align: center;
				margin-left: auto;
				margin-right: auto;
			}
			
			.black_overlay {
				display: none;
				position: absolute;
				top: 0%;
				left: 0%;
				width: 100%;
				height: 100%;
				background-color: black;
				z-index: 1001;
				-moz-opacity: 0.8;
				opacity: .80;
				filter: alpha(opacity=88);
			}
			
			.white_content {
				display: none;
				position: absolute;
				top: 25%;
				left: 25%;
				width: 55%;
				height: 55%;
				padding: 20px;
				border: 10px solid orange;
				background-color: white;
				z-index: 1002;
				overflow: auto;
			}
			
			#first {
				/*第一个数字输入框*/
				width: 210px;
				border: 0px;
			}
			
			#second {
				/*运算符号输入框*/
				width: 210px;
				border: 0px;
			}
			
			#three {
				/*第二个数字输入框*/
				width: 70px;
				border: 0px;
			}
			
			#four {
				/*结果输入框，设置文字方向为右*/
				width: 140px;
				border: 0px;
				text-align: right;
			}
			
			.b1 {
				/*设置按键大小*/
				width: 50px;
			}
		</style>
	</head>

	<body>
		<iframe src="header.html" frameborder="0" height="100%" width="100%" scrolling="no"></iframe>
		<div>
			<table width="1000px" align="center">
				<tr>
					<td><img src="images/mycart.gif" style="display: inline-block;"> </td>
					<td>全场运费一律2元</td>
					<td>
						<a href="javascript:void(0)" οnclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">简易计算器</a>
						</p>
						<div id="light" class="white_content">简易计算器
							<a href="javascript:void(0)" οnclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">点这里关闭本窗口</a>
						</div>
						<div id="fade" class="black_overlay">
							
		<script>
			function inputNum(event) { //用来输入数字的函数
				var add = event.target.value; //获得触发的按键的数值值
				var input1 = document.getElementById("first"); //读取第一个输入元素
				var fuhao = document.getElementById("second"); //读取符号输入元素
				var input2 = document.getElementById("three"); //读取第二个输入元素
				var out = document.getElementById("four"); //读取结果元素框
				if(fuhao.value == "") { //如果符号栏为空，向第一个数字输入框输入框，否则向第二个

最低0.47元/天解锁文章

Cool__King

关注

1
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
贵美商城购物车页面

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; .background-image { background-image: url("images/b
复制链接

扫一扫