首页 新闻 搜索 专区 学院

网站主题的切换

0
[已关闭问题] 关闭于 2017-05-16 09:10
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="~/Stylesheet/bootstrap.css" rel="stylesheet" />
    @*样式表*@
    *<link title="default" href="~/Stylesheet/common.css" rel="stylesheet" />*@
    <link title="orange" href="~/Stylesheet/common2.css" rel="stylesheet" disabled="disabled"  type="text/css" />
    @*样式表*@
    <link href="~/Stylesheet/dialog/showBo.css" rel="stylesheet" />
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <title>在线点餐网站</title>
</head>
<body>
    <!--<div class="logoimage"></div>-->
    <nav class="nav navbar navbar-default navbar-static-top">
        <div class="pull-right">
            <ul class="nav navbar-nav">
                <li class="dropdown"><a id="LoginMember" href="/Home/Index">Hi!</a></li>
                <li role="presentation">
                    <a id="MemberLogin" href="/MemberLogin/Login">您好,请登录</a>
                </li>
                <li role="presentation">
                    <a href="/MemberLogin/Register">免费注册</a>
                </li>
                <li class="dropdown">
                    <a id="MyOrder" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="glyphicon glyphicon-cutlery"></span> 
                        我的订单
                        <span class="caret"></span>
                    </a>
                    <ul id="IntroduceList" class="dropdown-menu" role="menu" aria-labelledby="MyOrder">
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="/MemberOrder/CancelOrder">已取消订单</a></li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="/MemberOrder/PayingOrder">待支付订单</a></li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="/MemberOrder/StockingOrder">待发货订单</a></li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="/MemberOrder/PendingOrder">待收货订单</a></li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="/MemberOrder/CompleteOrder">已完成订单</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="/MemberInfo/Message"><span class="glyphicon glyphicon-envelope"></span> 我的留言</a></li>             
                <li class="dropdown"><a href="/ArticalInfo/Index"><span class="glyphicon glyphicon-question-sign"></span> 帮助中心</a></li>             
                <li class="dropdown">
                    @*主题切换*@
                    <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="glyphicon glyphicon-cutlery" ></span>
                        我的主题
                        <span class="caret" ></span>
                    </a>
                    <ul id="styles" class="dropdown-menu" role="menu">
                        <li role="presentation" id="default"><a role="menuitem" tabindex="-1">红色</a></li>
                        <li role="presentation" id="orange"><a role="menuitem" tabindex="-1">橙色</a></li>

                    </ul>



                </li> 
                </ul>
        </div>
    </nav>
    <div class="container-fluid">
        <div class="col-lg-3">
            @*Alex餐厅的Logo*@
            <a href="/Home/Index"><img src="/Content/Images/Common/logo.png" /></a>
        </div>
        <div class="col-lg-7">
            <div class="form-group form-inline normalmargin">
                <div class="input-group col-lg-10">
                    <input type="text" class="form-control border-pink" id="qProductName" name="qProductName" placeholder="请输入美食名称" value="@ViewBag.qProductName" onkeyup="QuikQuery(event)">
                    @*查询美食的文本框*@
                    <div class="input-group-btn"><button class="btn btn-pink" onclick="Query()"><span class="glyphicon glyphicon-search"></span></button></div>
                </div>
            </div>
            <div>
                热门搜索:<a href="/ProductInfo/Query?pagenum=1&qProductName=快餐">快餐</a>|
                <a href="/ProductInfo/Query?pagenum=1&qProductName=甜品">甜品</a>|
                <a href="/ProductInfo/Query?pagenum=1&qProductName=小吃">小吃</a>
            </div>
        </div>
        <div class="col-lg-2">
            <div class="form-group form-inline normalmargin">
                <div class="input-group col-lg-12 ">
                    <a role="button" href="/Cart/Index" class="btn btn-pink img-rounded">
                        <span class="glyphicon glyphicon-shopping-cart"></span>
                        <span style="width:120px;">购物车</span>|<strong id="CartCount">0</strong>
                    </a>
                </div>
            </div>

        </div>
    </div>

    <div class="bg-pink normalmargin">
        <div class="navbar navbar-static-top titleposition">
            <ul class="nav navbar-nav">
                <li role="presentation" class="dropdown">
                    <a id="ProdcutCenter" class="titletext" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        全部美食分类 <span class="glyphicon glyphicon-list"></span>
                    </a>
                    <ul id="ProductList" class="dropdown-menu" role="menu" aria-labelledby="ProductCenter"></ul>
                </li>
                <li class="dropdown"><a href="/Home/Index" class="titletext">首页</a></li>
                <li class="dropdown"><a href="/ProductInfo/Query?pagenum=1&qProductName=快餐" class="titletext">品牌快餐</a></li>
                <li class="dropdown"><a href="/ProductInfo/Query?pagenum=1&qProductName=中式" class="titletext">中式正餐</a></li>
                <li class="dropdown"><a href="/ProductInfo/Query?pagenum=1&qProductName=小吃" class="titletext">小吃快餐</a></li>
                <li class="dropdown"><a href="/ProductInfo/Query?pagenum=1&qProductName=甜品" class="titletext">咖啡甜品</a></li>
                <li class="dropdown"><a href="/ProductInfo/Query?pagenum=1&qProductName=蛋糕" class="titletext">面包蛋糕</a></li>
                <li class="dropdown"><a href="/ProductInfo/Query?pagenum=1&qProductName=料理" class="titletext">日韩料理</a></li>
            </ul>
        </div>

    </div>


    <script src="~/Scripts/jquery/1.11.2/jquery.min.js"></script>
    <script src="~/Scripts/jquery.cookie.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/dialog/showBo.js"></script>
    <script type="text/javascript">
        //登录或者注册后的事件
        $(document).ready(function () {
            $.post("/MemberLogin/GetUserNameByUserId", null, function (result) {
                $.cookie("UserName", result, { path: '/' });
            });
            if ($.cookie("UserName") != undefined && $.cookie("UserName") != '') {
                $("#LoginMember").text($.cookie("UserName") + ',欢迎来到Alex餐厅!');
                $("#MemberLogin").hide();
            }


            var cookie_style = $.cookie("mystyle");
            if (cookie_style==null) {
                $("link[title='default']").removeAttr("disabled");
               
            } else {
                $("link[title='"+cookie_style+"']").removeAttr("disabled");
               
                $("link[title!='"+cookie_style+"']").attr("disabled","disabled");
            }

        });

        
        $("#styles li").click(function () {
            var style = $(this).attr("id");
            $("link[title='" + style + "']").removeAttr("disabled");
            $("link[title!='" + style + "']").attr("disabled", "disabled");
            $.cookie("mystyle",style,{expires:30});

        });






        //1查询:在文本框中输入美食的名称,点击按钮图标,进行查询
        //参数:默认为(pagenume=1),产品的(qProductName)名字
        function Query() {
            window.location = "/ProductInfo/Query?pagenum=1&qProductName=" + $("#qProductName").val();
        }

        function QuikQuery(event) {
            var keycode = event.which;
            if (keycode == 13) {
                window.location = "/ProductInfo/Query?pagenum=1&qProductName=" + $("#qProductName").val();
            }
        }

        //初始化页面上的数据(初始化【全部美食分类】下的所有链接)
        $.post('/Common/GetProductType', null, function (result) {
            //返回dt
            var rel = $.parseJSON(result);
            var html = '';
            for (var i = 0; i < rel.length; i++) {
                html += '<li role="presentation"><a role="menuitem" tabindex="-1" href="' + rel[i].ResLink + '">' + rel[i].ResName + '</a></li>';
                //rel[i].ResLink=/ProductInfo/Index?qProductType=kafeitianpin
                //参数:产品的类型(qProductType)
                //rel[i].ResName=咖啡/甜品
            }

            $("#ProductList").html(html);
        });

        $.post('/Common/GetCartCount', null, function (result) {
            $("#CartCount").text(result);
        });



    </script><div>
        @RenderBody()
    </div>
</body>
</html>
@model System.Data.DataSet
@*滑动图片上部分的内容*@
@{
    Layout = "~/views/Shared/_Normal.cshtml";
}
<link href="~/Stylesheet/waterfall/component.css" rel="stylesheet" />

<script src="~/Scripts/waterfall/modernizr.custom.js"></script>
<div class="row">
    <div class="text-center">
        <div class="text-center">
            <div id="carousel-example-generic" class="carousel slide" data-interval="3000" data-ride="carousel">
                <!-- Indicators T_Homepage表-->
                <ol class="carousel-indicators">
                    @for (int i = 0; i < Model.Tables[1].Rows.Count; i++)
                    {
                        <li data-target="#carousel-example-generic" class="@(i == 0 ? "active" : "")" data-slide-to="@i"></li>
                    }
                </ol>
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    @for (int i = 0; i < Model.Tables[1].Rows.Count; i++)
                    {

                        <div class="item @(i==0?"active":"")">
                            <img class="col-lg-12" src=@(Model.Tables[1].Rows[i]["ImagePath"].ToString())>
                        </div>
                    }
                </div>
                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="smalltext panel">
       
        <h1 class="text-center bg-deeppink white">今日推荐</h1>
        <hr class="bg-pink" />
        
    </div>
    @*procuct表为第四个表*@
    <ul class="grid effect-2" id="grid">
        @for (int i = 0; i < Model.Tables[4].Rows.Count; i++)
        {
            <li class="col-lg-3" style="height:360px;">
                <div class="media normalmargin">
                    <div class="media-heading" style="height:260px; margin-bottom:-25px;">
                        <a href="/ProductInfo/Detail?qGUID=@Model.Tables[4].Rows[i]["GUID"].ToString()"><img height="200" src="@Model.Tables[4].Rows[i]["ImagePath"].ToString()" /><span>&nbsp;&nbsp;&nbsp;&nbsp;@Model.Tables[4].Rows[i]["ProductName"].ToString()</span></a>
                    </div>
                    <div>
                        <div class="middletext pink">¥ @Model.Tables[4].Rows[i]["Price"].ToString()元</div>
                        @*点击详情按钮,根据product表的guid作为参数查询*@
                        <a role="button" class="btn btn-pink col-lg-6 normalpadding" href="/ProductInfo/Detail?qGUID=@Model.Tables[4].Rows[i]["GUID"].ToString()">查看详情</a>
                    </div>

                </div>
            </li>
        }
    </ul>
</div>

    <div class="row">
        <div class="bigmargin">
        <div class="smalltext panel">
            <h1 style="font-size: 50px; font-family: 隶书; background-color: #f8f7f7; text-align: center; color: #000000; height: 130px; line-height:70px; vertical-align:central;">主推类目<br />SALE</h1>
            <!--
            <h1 class="text-center bg-deeppink white">美食系列导航</h1>
            <hr class="bg-pink" />
            -->

        </div>@*T_Resource表*@
        @for (int i = 0; i < Model.Tables[0].Rows.Count; i++)
{

    <div class="col-lg-6 normalmargin text-center" style="height:700px;">

        <a href="/ProductInfo/Index?qProductType=@Model.Tables[0].Rows[i]["ResId"].ToString()">
            <div class="yidong" style="height:480px; width:520px; margin-bottom:16px;background:url(/Content/Images/Product/@(Model.Tables[0].Rows[i]["ResId"].ToString()).png) no-repeat center center;background-size:cover;">
            </div>
        </a>
        <img src="~/Content/Images/Product/@(Model.Tables[0].Rows[i]["ws"].ToString()).png" />
    </div>
}
            </div>
    </div>

<div class="row" style="margin-top:-50px;">
    <div class="normalmargin text-center white" style="margin-top:35px;" id="tupian">
        <p>
            <img src="~/Content/Images/Sign/快速下单.png" />
            <img src="~/Content/Images/Sign/迅速发货.png" />
            <img src="~/Content/Images/Sign/查看物流.png" />
            <img src="~/Content/Images/Sign/快乐收件.png" />
        </p>
        
    </div>
    <div class="smalltext panel" id="last">
        <ul class="firstul">
            <li style="font-weight:bold;font-size:16px;">服务保障</li>
            <li>正品保证</li>
            <li>无理由退换</li>
            <li>退货返运费</li>
            <li>客户服务</li>
        </ul>
        <ul>
            <li style="font-weight: bold;font-size: 16px;">支付方式</li>
            <li>餐厅转账</li>
            <li>货到付款</li>
            <li>在线支付</li>
            <li>分期付款</li>
        </ul>
        <ul>
            <li style="font-weight: bold;font-size: 16px;">商家服务</li>
            <li>商家入驻</li>
            <li>培训中心</li>
            <li>广告服务</li>
            <li>服务市场</li>
        </ul>
        <ul>
            <li style="font-weight: bold;font-size: 16px;">物流配送</li>
            <li>免运费</li>
            <li>海外配送</li>
            <li>EMS快递</li>
            <li>211限时达</li>
        </ul>
    </div>
    
    
</div>

    <script src="~/Scripts/waterfall/masonry.pkgd.min.js"></script>
    <script src="~/Scripts/waterfall/imagesloaded.js"></script>
    <script src="~/Scripts/waterfall/classie.js"></script>
    <script src="~/Scripts/waterfall/AnimOnScroll.js"></script>

    <script type="text/javascript">
        $.post('/Home/LoginLog', { qWidth: $(window).width() });

        new AnimOnScroll(document.getElementById('grid'), {
            minDuration: 0.4,
            maxDuration: 0.7,
            viewportFactor: 0.2
        });

    </script>

以上是包含网站主题切换的代码两个页面全部代码,请求路过的大神看看问题出现在哪里,为什么没有反应,标红色的代码为主要的代码

 

eworld的主页 eworld | 菜鸟二级 | 园豆:204
提问于:2017-04-17 22:04
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册