前台jsp success.jsp

chaoyi

浏览: 289132 次
性别:
来自: 广州

最近访客更多访客>>

hjz

loginboot

szluckboy

1357冬天哈

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2015-01 ( 21)
2014-12 ( 32)
2014-11 ( 42)
更多存档...

博客分类：

item02 新蛋

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<!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">
<%
	if(session.getAttribute("username")==null){
		response.sendRedirect("index");
	}
 %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>提交成功</title>
<link rel="stylesheet" type="text/css" href="css/basic.css" />
<link rel="stylesheet" type="text/css" href="css/success.css" />
<script type="text/javascript" src="js/success.js"></script>
</head>

<body>

<div class="header">
	<div class="logo f_l">
    	<a href="###"><img src="images/shop/logo.jpg" width="331" height="76" /></a>
    </div>
    <div class="info f_r">
    	<p class="p1 f_r"><span class="f_l">亲爱的用户&nbsp;<i>${username}</i>&nbsp;&nbsp;<a  href="implant/logout.jsp">安全退出</a>&nbsp;&nbsp;</span><img src="images/shop/tel.jpg" width="210" height="22" class="f_l" /></p>
        <p class="p2 f_r">上海地区免运费，南京、杭州等11个城市99元免运费，其它城市399元免运费。<a href="###">查看详情</a></p>
    </div>
</div>

<div class="prompt">
	<div class="promptCon"></div>
</div>


<div class="success">
	<div class="text f_l">
    	<h3><i>您的订单提交成功，感谢您在新蛋网购物！</i></h3>
        <p>您的订单编号：</p>
        <p><em>订单：</em>${orderFatherId }<a href="home" target="_blank" >[查看订单]</a></p>
        <p class="setColor">请您记下这个号码, 以便您在付款和享受新蛋网提供的售后服务时使用</p>
        <p class="setColor2">应付金额：<i>¥${total}</i></p>
        <p class="setCon">不想错过新蛋网最棒，最新，最给力的优惠活动？<a href="###">点击这里</a>立即订阅<br />《蛋哥省钱快报》</p>
    </div>
    <div class="share">
    	<h3><i>分享给好友</i></h3>
        <div class="h4">
        	<h4 class="f_l icon03" id="share1"><a href="###">新浪微博</a></h4>
            <h4 class="f_l icon04" id="share2"><a href="###">腾讯微博</a></h4>
            <h4 class="f_l icon01" id="share3"><a href="###">人人网</a></h4>
            <h4 class="f_l icon02" id="share4"><a href="###">开心网</a></h4>
        </div>
        <div class="con">
        	<c:forEach var="item" items="${poList }" varStatus="i">  
        	<span class="f_l"><a href="goods?id=${item.products_id}" target="_blank" title="${item.introduce }"><img src="images/share/${item.print }" width="80" height="60" /></a></span>
            </c:forEach>
            <div class="c" style="height:15px;"></div>
            <textarea>我刚在新蛋商城买了<c:forEach var="item" items="${poList }" varStatus="i"> ${item.introduce }&nbsp;&nbsp;</c:forEach></textarea>
            <input type="button" value="立即分享" />
        </div>
    </div>
</div>

<div class="footer">
	<p>新蛋集团网站：<a href="###">美国新蛋</a>&nbsp;&nbsp;<a href="###">中国新蛋</a>&nbsp;&nbsp;<a href="###">加拿大新蛋 </a>&nbsp;&nbsp;<a href="###">新蛋软件</a></p>
    <p>© 2001-2014 新蛋贸易（中国）有限公司 版权所有 沪ICP备:05006005</p>
</div>
</body>
</html>

/* CSS Document */

/*公共样式*/
*{ margin:0; padding:0; word-break:break-all;}
body{ font-family:"宋体"; color:#666; font-size:12px; background:#fff;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#666; text-decoration:none;}
a img{ border:none;}
.f_l{ float:left;}
.f_r{ float:right;}
span{ display:block;}
i{ font-style:normal;}
em{ font-style:normal;}
ul li{ list-style-type:none;}
.c{ clear:both;}

/* CSS Document */

/*头部区*/
.header{ width:980px; height:116px; margin:0 auto;}
.header div{ margin-top:27px;}
.header .logo{ width:331px; height:76px;}
.header .info{ width:472px; height:76px;}
.header .info p{height:22px; line-height:22px;}
.header .info p span i{ color:#003399; font-weight:bold;  font-family:"Arial";}
.header .info .p1{ ; padding-bottom:5px;}
.header .info .p1 a{ color:#484848; text-decoration:none;}
.header .info .p1 a:hover{ color:#003399; text-decoration:underline;}
.header .info .p2{ font-family:"微软雅黑";}
.header .info .p2 a{ color:#003399;}
.header .info .p2 a:hover{ color:#f60; text-decoration:underline;}

/*进度条*/
.prompt{ width:100%; height:66px; background:url(../images/shop/promptBj.jpg) repeat-x;}
.prompt .promptCon{ width:960px; height:66px; margin:0 auto; background:url(../images/shop/prompt3.jpg) no-repeat;}


/*提示成功*/
.success{ background:#fef7e4; width:978px; margin:20px auto 0 auto; border:1px solid #fecf97;}
.text{ width:478px;}
.text h3{ color:#ff4e00; height:23px; line-height:23px; font-weight:bold; background:url(../images/shop/yes.jpg) no-repeat; margin-left:20px; margin-top:20px;}
.text h3 i{ padding-left:30px;}
.text p{ line-height:23px; margin-left:20px; padding-right:40px; font-weight:bold; color:#484848; font-family:"微软雅黑";}
.text p em{ font-weight:normal;}
.text p i{ color:#fe7b23;}
.text p a{ color:#1c459d; font-weight:normal;}
.text p a:hover{ color:#f60;}
.text .setColor{ color:#b7b7b7; font-weight:normal; margin-top:6px;}
.text .setColor2{ color:#f60; margin-top:6px;}
.text .setColor2 i{ font-size:16px;}
.text .setCon{ background:url(../images/shop/icon.jpg) no-repeat 0px 4px; padding-left:20px; font-weight:normal; margin-top:10px;}
.text .setCon a{ font-weight:bold;}
.share{ width:499px; margin-left:479px; margin-bottom:30px;}
.share h3{ height:36px; line-height:36px; color:#f60; font-weight:bold; margin-top:10px;}
.share .h4{ height:28px; background:url(../images/shop/shareH4Bj.jpg) repeat-x; width:483px;}
.share .h4 h4{ width:97px; height:26px; line-height:24px;margin-right:7px;}
.share .h4 .icon01{background: url(../images/icon01.jpg) no-repeat 6px 4px; }
.share .h4 .icon02{background: url(../images/icon02.jpg) no-repeat 6px 4px; }
.share .h4 .icon03{background: url(../images/icon03.jpg) no-repeat 6px 4px; }
.share .h4 .icon04{background: url(../images/icon04.jpg) no-repeat 6px 4px; }
.share .h4 h4 a{ padding-left:35px;}
.share .con{  width:483px;  border-left:1px solid #eed9be;  border-right:1px solid #eed9be;  border-bottom:1px solid #eed9be; background:#fff;}
.share .con span{ width:113px; height:86px; margin-left:35px; margin-top:35px; border:1px solid #cfcfcf;}
.share .con span img{ margin-left:13px; margin-top:16px;}
.share .con textarea{ width:378px; height:58px; resize: none;  border:1px solid #b6b6b6; display:block; margin: 0 auto;  border-radius:5px; line-height:21px; color:#484848; font-size:12px; padding-left:10px; padding-right:10px;  font-family:"Arial"; }
.share .con input{ width:70px; height:25px; border:none;  border-radius:3px; background:#f7661f; color:#fff; text-align:center; line-height:25px; display:block; margin:28px auto 20px auto; }
.share .con input:hover{ background:#ff971c;}


/*底部备案信息*/
.footer{ width:960px; height:90px; margin:30px auto 0 auto;}
.footer p{ text-align:center;  font-family:"Arial"; line-height:23px;}
.footer p a{ color:#484848; text-decoration:none;}
.footer p a:hover{ text-decoration:underline;}

// JavaScript Document
//根据 id 获取元素
function $(id){  
    return document.getElementById(id);  
} 

window.onload = function(){
	onloadStyle();
	$("share1").onmousemove = function(){
		shareClose();
		var share1 = $("share1");
		share1.style.backgroundColor="#ffffff";
		share1.style.fontWeight="bold";
		share1.style.borderLeft="1px solid #eed9be";
		share1.style.borderRight="1px solid #eed9be";
		share1.style.borderTop="1px solid #eed9be";
		share1.style.borderBottom="1px solid #fff";
	};
	$("share2").onmousemove = function(){
		shareClose();
		var share2 = $("share2");
		share2.style.backgroundColor="#ffffff";
		share2.style.fontWeight="bold";
		share2.style.borderLeft="1px solid #eed9be";
		share2.style.borderRight="1px solid #eed9be";
		share2.style.borderTop="1px solid #eed9be";
		share2.style.borderBottom="1px solid #fff";
	};
	$("share3").onmousemove = function(){
		shareClose();
		var share3 = $("share3");
		share3.style.backgroundColor="#ffffff";
		share3.style.fontWeight="bold";
		share3.style.borderLeft="1px solid #eed9be";
		share3.style.borderRight="1px solid #eed9be";
		share3.style.borderTop="1px solid #eed9be";
		share3.style.borderBottom="1px solid #fff";
	};
	$("share4").onmousemove = function(){
		shareClose();
		var share1 = $("share4");
		share4.style.backgroundColor="#ffffff";
		share4.style.fontWeight="bold";
		share4.style.borderLeft="1px solid #eed9be";
		share4.style.borderRight="1px solid #eed9be";
		share4.style.borderTop="1px solid #eed9be";
		share4.style.borderBottom="1px solid #fff";
	};
};

function shareClose(){
	for(var i=1; i<=4; i++){
		document.getElementById("share"+i).style.backgroundColor="#ebf5f6"; 
		document.getElementById("share"+i).style.borderLeft="1px solid #e7ddd4";
		document.getElementById("share"+i).style.borderRight="1px solid #e7ddd4";
		document.getElementById("share"+i).style.borderTop="1px solid #e7ddd4";
		document.getElementById("share"+i).style.borderBottom="1px solid #eed9be";
		document.getElementById("share"+i).style.fontWeight="normal";
	}
}
function onloadStyle(){
	shareClose();
	var share1 = $("share1");
	share1.style.backgroundColor="#ffffff";
	share1.style.fontWeight="bold";
	share1.style.borderLeft="1px solid #eed9be";
	share1.style.borderRight="1px solid #eed9be";
	share1.style.borderTop="1px solid #eed9be";
	share1.style.borderBottom="1px solid #fff";
}

效果图：

查看图片附件

分享到：

前台jsp home.jsp | 前台jsp order.jsp

2014-08-17 03:00
浏览 488
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

前台jsp success.jsp

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

前台jsp success.jsp

评论

发表评论

相关推荐

我的附件

后台辅助jsp smartuploadImages.jsp

后台辅助jsp smartuploadGoods.jsp

后台辅助jsp smartuploadContent.jsp

后台辅助jsp AdminLogout.jsp

后台jsp commentList.jsp

后台jsp orderList.jsp

后台jsp goodsUpdate.jsp

后台jsp goodsNew.jsp

后台jsp goodsList.jsp

后台jsp classNew.jsp

后台jsp classUpdate.jsp

后台jsp userNew.jsp

后台jsp userList.jsp

后台切换jsp switch.jsp

后台侧栏jsp sideMenu.jsp

后台架构jsp admin.jsp

后台jsp loginOfAdmin.jsp

后台servlet UserNewSer

后台servlet UserListSer

最近访客更多访客>>