You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

667 lines
33 KiB
Plaintext

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="TradeManage.score.index" %>
<!DOCTYPE html>
<html>
<head>
<title>hee grand</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easydropdown.js"></script>
<!--script-->
<script src="../Scripts/jquery.min.js" type="text/javascript"></script>
<script src="../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../Scripts/jquery.bgiframe.min.js" type="text/javascript"></script>
<script src="../Scripts/Global.js" type="text/javascript"></script>
<script src="../Scripts/WindowLoad.js" type="text/javascript"></script>
<script src="js/jquery.wmuSlider.js"></script>
<script type="text/javascript">
var ScoreNum = "<%=Session["ScoreNum"]%>";
var ScoreName = "<%=Session["ScoreName"]%>";
var Cart = "<%=Session["Cart"]%>";
$(function () {
ajaxInit(null);
if (ScoreName != null && ScoreName!="") {
$("#f_username").html(ScoreName + " " + "Score:" + ScoreNum);
$("#a_username").show();
$("#li_loginout").show();
$("#li_login").hide();
}
else {
$("#a_username").hide();
$("#f_username").html("");
}
if (Cart != null && Cart != "" && Cart>0) {
$("#f_cart").html("【" +Cart+"】");
}
else {
$("#f_cart").html("");
}
Menu();
GetProduct();
GetHotTop2();
GetHotTop();
GetHot();
$("#btn_sch").bind("click", function () {
//if ($("#txt_sch").val() == "")
//{
// alert("Please enter the search content ");
// return;
//}
window.location.href = "product.aspx?content=" + $("#txt_sch").val();
});
$("a[gid]").live("click", function () {
if (ScoreName == null || ScoreName == "")
{
alert("Please login first");
return;
}
var Gid=$(this).attr("gid");
window.location.href = "single.aspx?GiftId=" + Gid;
});
$("#a_username").bind("click", function () {
window.location.href = "login.aspx";
});
});
function LoginOut() {
$.ajax({
url: "ScoreService.asmx/LoginOut",
//data: Sys.Serialization.JavaScriptSerializer.serialize(param),
async: false,
success: function (data) {
alert(data.d);
if (data.d == "Logout success") {
window.location.href = "login.aspx";
}
}
});
}
function Menu() {
var menu_ul = $('.menu > li > ul'),
menu_a = $('.menu > li > a');
menu_ul.hide();
menu_a.click(function (e) {
e.preventDefault();
if (!$(this).hasClass('active')) {
menu_a.removeClass('active');
menu_ul.filter(':visible').slideUp('normal');
$(this).addClass('active').next().stop(true, true).slideDown('normal');
} else {
$(this).removeClass('active');
$(this).next().stop(true, true).slideUp('normal');
}
});
}
function GetHotTop() {
$("#div_top1").empty();
$.ajax({
url: "ScoreService.asmx/GetHotGift",
//data: Sys.Serialization.JavaScriptSerializer.serialize(param),
async: false,
success: function (data) {
if (data.d != null) {
var html = new Sys.StringBuilder();
$(data.d).each(function () {
html.append("<article style='position: absolute; width: 100%; opacity: 0;'>");
html.append("<div class='banner-matter'>");
html.append("<img class='img-responsive banner-bag' src='../" + this.ImageUrl + "' alt='' width='250px' height='300px'/>");
html.append("<div class='banner-off'>");
html.append("<h2>News</h2>");
html.append("<span>Exchange Points" + this.ChangeScore + " <b></b></span>");
html.append("<p>" + this.GiftName + "</p>");
html.append("<a class='now-get' gid='"+this.GiftId+"'>GET NOW</a>");
html.append("</div>");
html.append("<div class='clearfix'> </div>");
html.append("</div>");
html.append("</article>");
});
$("#div_top1").html(html.toString());
}
$('.example1').wmuSlider();
}
});
}
function GetHot() {
$("#div_hot").empty();
$.ajax({
url: "ScoreService.asmx/GetHot",
//data: Sys.Serialization.JavaScriptSerializer.serialize(param),
async: false,
success: function (data) {
if (data.d != null) {
var html = new Sys.StringBuilder();
$(data.d).each(function () {
html.append("<div class=' chain-grid menu-chain'>");
html.append("<a gid='" + this.GiftId + "'>");
html.append("<img class='img-responsive chain' src='../" + this.ImageUrl + "' alt=' ' width='200px' height='250px' /></a>");
html.append("<div class='grid-chain-bottom chain-watch'>");
html.append("<span class='actual dolor-left-grid'>Points:" + this.ChangeScore + "</span>");
html.append("<span class='reducedfrom'>Price:" + this.Price + "</span>");
html.append("<h6>" + this.GiftName + "</h6>");
html.append("</div>");
html.append("</div>");
});
$("#div_hot").html(html.toString());
}
}
});
}
function GetHotTop2() {
$("#div_top2").empty();
$.ajax({
url: "ScoreService.asmx/GetHotGift2",
//data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
var html = new Sys.StringBuilder();
$(data.d).each(function (i) {
if(i==1)
html.append("<div class=' con-sed-grid sed-left-top'>");
else
html.append("<div class=' con-sed-grid'>");
html.append("<div class='elit-grid'>");
html.append("<h4>" + this.GiftName + "</h4>");
html.append("<span>FOR ALL PURCHASE VALUE</span>");
html.append("<p>" + this.GiftDesc + "</p>");
html.append("<a class='now-get' gid='" + this.GiftId + "'>GET NOW</a>");
html.append("</div>");
html.append("<a gid='" + this.GiftId + "'>");
html.append("<img class='img-responsive shoe-left' src='../" + this.ImageUrl + "' alt=' ' width='150px' height='200px' /></a>");
html.append("<div class='clearfix'></div>");
html.append("</div>");
});
$("#div_top2").html(html.toString());
}
}
});
}
function GetProduct() {
$("#div_product").empty();
$.ajax({
url: "ScoreService.asmx/GetHotGift3",
success: function (data) {
if (data.d != null) {
var html = new Sys.StringBuilder();
$(data.d).each(function (i) {
if ((i + 1) % 3 == 0) {
html.append("<div class=' chain-grid grid-top-chain'>");
}
else
html.append("<div class=' chain-grid'>");
html.append("<a href='single.html'></a>");
html.append(" <span class='star'></span>");
html.append(" <img class='img-responsive chain' src='../" + this.ImageUrl + "' alt=' ' width='150px' height='250px' />");
html.append(" <div class='grid-chain-bottom'>");
html.append(" <h6>" + this.GiftName + "</h6>");
html.append(" <div class='star-price'>");
html.append(" <div class='dolor-grid'>");
html.append(" <span class='actual'>Points:" + this.ChangeScore + "</span>");
html.append(" <span class='reducedfrom'>Price:"+this.Price+"$</span>");
html.append(" <span class='rating'>");
html.append(" </span>");
html.append(" </div>");
html.append(" <a class='now-get get-cart' gid='" + this.GiftId + "'>ADD TO CART</a>");
html.append(" <div class='clearfix'></div>");
html.append(" </div>");
html.append("</div>");
html.append("</div>");
});
$("#div_product").html(html.toString());
}
}
});
}
</script>
</head>
<body>
<!--header-->
<div class="header">
<div class="top-header">
<div class="container">
<div class="top-header-left">
<ul class="support">
<li><a href="#">
<label></label>
</a></li>
<li><a href="#"><span class="live">Good Service </span></a></li>
</ul>
<ul class="support">
<li class="van"><a href="#">
<label></label>
</a></li>
<li><a href="#">Fast Shipping</a></li>
</ul>
<div class="clearfix"></div>
</div>
<div class="top-header-right">
<div class="down-top">
<select tabindex="4" class="dropdown">
<option value="" class="label" value="">English</option>
<option value="1">Japanese</option>
<option value="2">French</option>
<option value="3">German</option>
</select>
</div>
<div class="down-top top-down">
<select tabindex="4" class="dropdown ">
<option value="" class="label" value="">Currency :USD</option>
</select>
</div>
<!---->
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="bottom-header">
<div class="container">
<div class="header-bottom-left">
<div class="logo">
<a href="index.aspx">
<img src="images/logo.png" alt=" " /></a>
</div>
<div class="search">
<input type="text" value="" id="txt_sch">
<input type="submit" value="SEARCH" id="btn_sch">
</div>
<div class="clearfix"></div>
</div>
<div class="header-bottom-right">
<ul class="men-grid" >
<li><a id="a_username"><span></span><font id="f_username">Jack jole Score:1200</font></a></li>
<li class="login" id="li_login"><a href="login.aspx"><span></span>LOGIN</a></li>
<li class="login" style="display:none" id="li_loginout"><a id="a_loginout" onclick="LoginOut();"><span> </span>Logout</a></li>
<li class="cart"><a href="cart.aspx"><span></span><font color="red" id="f_cart"></font>CART</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!---->
<div class="container">
<div class="banner-menu">
<div class="shoes-grid">
<div class="wmuSlider example1 slide-grid">
<div class="wmuSliderWrapper" id="div_top1">
<article style='position: absolute; width: 100%; opacity: 0;'>
<div class='banner-matter'>
<img class='img-responsive banner-bag' src='../attached/2016.1/66b79058-d7c3-462a-aa5f-8dc8705ed396.jpg' alt='' width='250px' height='300px' /><div class='banner-off'>
<h2>Hot Exchange </h2>
<span>Overbalance <b></b></span>
<p>2</p>
<a class='now-get' href='single.aspx'>GET NOW</a>
</div>
<div class='clearfix'></div>
</div>
</article>
<article style='position: absolute; width: 100%; opacity: 0;'>
<div class='banner-matter'>
<img class='img-responsive banner-bag' src='../attached/2016.1/66b79058-d7c3-462a-aa5f-8dc8705ed396.jpg' alt='' width='250px' height='300px' /><div class='banner-off'>
<h2>Hot Exchange </h2>
<span>Overbalance <b></b></span>
<p>2</p>
<a class='now-get' href='single.aspx'>GET NOW</a>
</div>
<div class='clearfix'></div>
</div>
</article>
<article style='position: absolute; width: 100%; opacity: 0;'>
<div class='banner-matter'>
<img class='img-responsive banner-bag' src='../attached/2016.1/21fa9b94-aaf9-4487-8b9b-980acb125432.jpg' alt='' width='250px' height='300px' /><div class='banner-off'>
<h2>Hot Exchange </h2>
<span>Overbalance <b></b></span>
<p>aaaaaaaaaaaa</p>
<a class='now-get' href='single.aspx'>GET NOW</a>
</div>
<div class='clearfix'></div>
</div>
</article>
</div>
<ul class="wmuSliderPagination">
<li><a href="#" class="">0</a></li>
<li><a href="#" class="">1</a></li>
<li><a href="#" class="">2</a></li>
</ul>
</div>
<!---->
<div class="shoes-grid-left" id="div_top2">
<div class=" con-sed-grid">
<div class="elit-grid">
<h4>consectetur elit</h4>
<span>FOR ALL PURCHASE VALUE</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
<a class="now-get" href="#">GET NOW</a>
</div>
<a href="single.html">
<img class="img-responsive shoe-left" src="images/sh.jpg" alt=" " width="150px" height="220px" /></a>
<div class="clearfix"></div>
</div>
<div class="con-sed-grid sed-left-top">
<div class="elit-grid">
<h4>consectetur elit</h4>
<span>FOR ALL PURCHASE VALUE</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
<a class="now-get" href="#">GET NOW</a>
</div>
<a href="single.html">
<img class="img-responsive shoe-left" src="images/c1 (10).jpg" alt=" " width="150px" height="220px" /></a>
<div class="clearfix"></div>
</div>
</div>
<div class="products">
<h5 class="latest-product">LATEST PRODUCTS</h5>
<a class="view-all" href="product.html">VIEW ALL<span> </span></a>
</div>
<div class="product-left" id="div_product">
<div class=" chain-grid">
<a href="single.html"></a>
<span class="star"></span>
<img class="img-responsive chain" src="images/c1 (1).jpg" alt=" " width="150px" height="250px" />
<div class="grid-chain-bottom">
<h6>Lorem ipsum dolor</h6>
<div class="star-price">
<div class="dolor-grid">
<span class="actual">300$</span>
<span class="reducedfrom">400$</span>
<span class="rating">
<%--<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
<label for="rating-input-1-5" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
<label for="rating-input-1-4" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
<label for="rating-input-1-3" class="rating-star"> </label>
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">--%>
</span>
</div>
<a class="now-get get-cart" href="#">ADD TO CART</a>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class=" chain-grid">
<a href="single.html">
<img class="img-responsive chain" src="images/c1 (2).jpg" alt=" " width="150px" height="250px" /></a>
<span class="star"></span>
<div class="grid-chain-bottom">
<h6>Lorem ipsum dolor</h6>
<div class="star-price">
<div class="dolor-grid">
<span class="actual">300$</span>
<span class="reducedfrom">400$</span>
<span class="rating">
<%-- <input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
<label for="rating-input-1-5" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
<label for="rating-input-1-4" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
<label for="rating-input-1-3" class="rating-star"> </label>
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
<label for="rating-input-1-2" class="rating-star"> </label>
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
<label for="rating-input-1-1" class="rating-star"> </label>--%>
</span>
</div>
<a class="now-get get-cart" href="#">ADD TO CART</a>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class=" chain-grid grid-top-chain">
<a href="single.html">
<img class="img-responsive chain" src="images/c1 (3).jpg" alt=" " width="150px" height="250px" /></a>
<span class="star"></span>
<div class="grid-chain-bottom">
<h6>Lorem ipsum dolor</h6>
<div class="star-price">
<div class="dolor-grid">
<span class="actual">300$</span>
<span class="reducedfrom">400$</span>
<span class="rating">
<%-- <input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
<label for="rating-input-1-5" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
<label for="rating-input-1-4" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
<label for="rating-input-1-3" class="rating-star"> </label>
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
<label for="rating-input-1-2" class="rating-star"> </label>
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
<label for="rating-input-1-1" class="rating-star"> </label>--%>
</span>
</div>
<a class="now-get get-cart" href="#">ADD TO CART</a>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class=" chain-grid">
<a href="single.html">
<img class="img-responsive chain" src="images/a1 (4).jpg" alt=" " width="150px" height="250px" /></a>
<span class="star"></span>
<div class="grid-chain-bottom">
<h6>Lorem ipsum dolor</h6>
<div class="star-price">
<div class="dolor-grid">
<span class="actual">300$</span>
<span class="reducedfrom">400$</span>
<span class="rating">
<%-- <input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
<label for="rating-input-1-5" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
<label for="rating-input-1-4" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
<label for="rating-input-1-3" class="rating-star"> </label>
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
<label for="rating-input-1-2" class="rating-star"> </label>
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
<label for="rating-input-1-1" class="rating-star"> </label>--%>
</span>
</div>
<a class="now-get get-cart" href="#">ADD TO CART</a>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class=" chain-grid">
<a href="single.html">
<img class="img-responsive chain" src="images/c1 (10).jpg" alt=" " width="150px" height="250px" /></a>
<span class="star"></span>
<div class="grid-chain-bottom">
<h6>Lorem ipsum dolor</h6>
<div class="star-price">
<div class="dolor-grid">
<span class="actual">300$</span>
<span class="reducedfrom">400$</span>
<span class="rating">
<%-- <input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
<label for="rating-input-1-5" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
<label for="rating-input-1-4" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
<label for="rating-input-1-3" class="rating-star"> </label>
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
<label for="rating-input-1-2" class="rating-star"> </label>
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
<label for="rating-input-1-1" class="rating-star"> </label>--%>
</span>
</div>
<a class="now-get get-cart" href="#">ADD TO CART</a>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class=" chain-grid grid-top-chain">
<a href="single.html">
<img class="img-responsive chain" src="images/b1 (14).jpg" alt=" " width="150px" height="250px" /></a>
<span class="star"></span>
<div class="grid-chain-bottom">
<h6>Lorem ipsum dolor</h6>
<div class="star-price">
<div class="dolor-grid">
<span class="actual">300$</span>
<span class="reducedfrom">400$</span>
<span class="rating">
<%-- <input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
<label for="rating-input-1-5" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
<label for="rating-input-1-4" class="rating-star1"> </label>
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
<label for="rating-input-1-3" class="rating-star"> </label>
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
<label for="rating-input-1-2" class="rating-star"> </label>
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
<label for="rating-input-1-1" class="rating-star"> </label>--%>
</span>
</div>
<a class="now-get get-cart" href="#">ADD TO CART</a>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="sub-cate">
<div class=" top-nav rsidebar span_1_of_left">
<h3 class="cate">CATEGORIES</h3>
<ul class="menu">
<li>
<ul class="kid-menu">
<li><a href="product.aspx?SortId=1">Womens</a></li>
<li><a href="product.aspx?SortId=2">Mens</a></li>
<li><a href="product.aspx?SortId=3">Bags</a></li>
<li><a href="product.aspx?SortId=4">Small Pieces</a></li>
<li><a href="product.aspx?SortId=5">Shoes</a></li>
<li><a href="product.aspx?SortId=6">Others</a></li>
<li><a href="">Contact US </a></li>
</ul>
</li>
</ul>
</div>
<!--initiate accordion-->
<div id="div_hot">
<div class=" chain-grid menu-chain">
<a href="single.html">
<img class="img-responsive chain" src="images/a1 (2).jpg" alt=" " width="150px" height="200px" /></a>
<div class="grid-chain-bottom chain-watch">
<span class="actual dolor-left-grid">300$</span>
<span class="reducedfrom">500$</span>
<h6>Lorem ipsum dolor</h6>
</div>
</div>
<div class=" chain-grid menu-chain">
<a href="single.html">
<img class="img-responsive chain" src="images/b1 (4).jpg" alt=" " width="150px" height="230px" /></a>
<div class="grid-chain-bottom chain-watch">
<span class="actual dolor-left-grid">300$</span>
<span class="reducedfrom">500$</span>
<h6>Lorem ipsum dolor</h6>
</div>
</div>
<div class=" chain-grid menu-chain">
<a href="single.html">
<img class="img-responsive chain" src="images/b1 (17).jpg" alt=" " width="150px" height="230px" /></a>
<div class="grid-chain-bottom chain-watch">
<span class="actual dolor-left-grid">300$</span>
<span class="reducedfrom">500$</span>
<h6>Lorem ipsum dolor</h6>
</div>
</div></div>
<a class="view-all all-product" href="product.aspx">More PRODUCTS<span> </span></a>
</div>
<div class="clearfix"></div>
</div>
</div>
<!---->
<div class="footer">
<div class="footer-top">
<div class="container">
<div class="latter">
<h6>NEWS-LATTER</h6>
<div class="sub-left-right">
</div>
<div class="clearfix"></div>
</div>
<div class="latter-right">
<p>FOLLOW US</p>
<ul class="face-in-to">
<li><a href="#"><span></span></a></li>
<li><a href="#"><span class="facebook-in"></span></a></li>
<div class="clearfix"></div>
</ul>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div style="width: 100%; text-align: center">
<p class="footer-class">Copyright @copy; 2015.Company name All rights reserved.</p>
</div>
</div>
</body>
</html>