@{ ViewBag.Title = "Recommend"; Layout = "~/Views/Shared/_Layout.cshtml"; } @section RenderJSContent{ var currentSection = "home-pane"; @*// The default loaded section on the page*@ var tabTag = "-tab"; var paneTag = "-pane"; @*// Scroll the page manually to the position of element "link", passed to us.*@ function ScrollSection(link, scrollArea, offset) { @*// Store the last section, and update the current section*@ if (currentSection == link) { return; } lastSection = currentSection; currentSection = link; @* // Change the section highlight. // Extract the root section name, and use that to change the background image to 'top', revealing the alt. state *@ sectionTab = currentSection.split("-")[0] + tabTag; document.getElementById(sectionTab).className = 'active'; if (lastSection) { lastTab = lastSection.split("-")[0] + tabTag; document.getElementById(lastTab).className = "inactive"; } @*// Get the element we want to scroll, get the position of the element to scroll to *@ theScroll = document.getElementById(scrollArea); position = findElementPos(document.getElementById(link)); @* // Get the position of the offset div -- the div at the far left. // This is the amount we compensate for when scrolling *@ if (offset != "") { offsetPos = findElementPos(document.getElementById(offset)); position[0] = position[0] - offsetPos[0]; } scrollStart(theScroll, theScroll.scrollLeft, position[0], "horiz"); } function ScrollArrow(direction, toolbar, scrollArea, offset) { toolbarElem = document.getElementById(toolbar); toolbarNames = new Array(); @* // Find all the
- elements in the toolbar, and extract their id's into an array. *@ if (toolbarElem.hasChildNodes()) { var children = toolbarElem.childNodes; for (var i = 0; i < children.length; i++) { if (toolbarElem.childNodes[i].tagName == "LI") { toolbarNames.push(toolbarElem.childNodes[i].id.split("-")[0]); } } } for (var i = 0; i < toolbarNames.length; i++) { if (toolbarNames[i] == currentSection.split("-")[0]) { if (direction == "left") { if (i - 1 < 0) { gotoTab = toolbarNames[toolbarNames.length - 1]; } else { gotoTab = toolbarNames[i - 1]; } } else { if ((i + 1) > (toolbarNames.length - 1)) { gotoTab = toolbarNames[0]; } else { gotoTab = toolbarNames[i + 1]; } } } } ScrollSection(gotoTab+paneTag, scrollArea, offset); } var scrollanim = {time:0, begin:0, change:0.0, duration:0.0, element:null, timer:null}; function scrollStart(elem, start, end, direction) { if (scrollanim.timer != null) { clearInterval(scrollanim.timer); scrollanim.timer = null; } scrollanim.time = 0; scrollanim.begin = start; scrollanim.change = end - start; scrollanim.duration = 20; scrollanim.element = elem; if (direction == "horiz") { scrollanim.timer = setInterval("scrollHorizAnim();", 15); } else { scrollanim.timer = setInterval("scrollVertAnim();", 15); } } function scrollVertAnim() { if (scrollanim.time > scrollanim.duration) { clearInterval(scrollanim.timer); scrollanim.timer = null; } else { move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration); scrollanim.element.scrollTop = move; scrollanim.time++; } } function scrollHorizAnim() { if (scrollanim.time > scrollanim.duration) { clearInterval(scrollanim.timer); scrollanim.timer = null; } else { move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration); scrollanim.element.scrollLeft = move; scrollanim.time++; } } function findElementPos(elemFind) { var elemX = 0; var elemY = 0; do { elemX += elemFind.offsetLeft; elemY += elemFind.offsetTop; } while ( elemFind = elemFind.offsetParent ) return Array(elemX, elemY); } function sineInOut(t, b, c, d) { return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; } } @section RenderCSS{ html, body, div, ul, li, p, a, span, input { margin:0px; padding:0px; } body { font-family:Tahoma, Geneva, sans-serif, "宋体"; } .dot { font-size:14px; font-family:"宋体"; color:#333333; } ul, li { list-style:none; } #footer-content { background:url(http://www.lanrenzhijia.com/demo/2013/0304/tab/images/fc_bg.jpg) repeat-x; height:54px; 100%; } #toolbar { height:100%; list-style:none; margin:0 auto; display:block; 410px; } #toolbar li { float:left; display:block; 82px; height:54px; line-height:54px; text-align:center; } .inactive { display:block; 82px; height:54px; float:left; line-height:54px; text-align:center; cursor:pointer; font-size:14px; } .inactive a { font-size:14px; color:#333333; text-decoration:none; } .active { background:url(http://www.lanrenzhijia.com/demo/2013/0304/tab/images/li_bg.jpg) no-repeat; color:#4998fa; display:block; 82px; height:54px; float:left; line-height:54px; text-align:center; cursor:pointer; } .active a { font-size:14px; color:#4998fa; text-decoration:none; } img { border:none; } @*#footer li a { display:block; 82px; height:54px; }*@ /*省钱好站*/ .page1 { 973px; margin:0 auto; height:100% } .head { 900px; height:95px; border-bottom:#e2e2e2 1px solid; margin:0 auto; margin-bottom:27px; position:relative; } .page1 .content { 973px; height:426px; } .title { font-size:30px; font-family:"微软雅黑"; padding-top:35px; 200px; position:absolute; left:0px; } .page1 ul li { list-style:none; 139px; height:122px; display:block; float:left; font-size:12px; } .tu a:hover { background:url(http://www.lanrenzhijia.com/demo/2013/0304/tab/images/page1/hover.jpg) no-repeat; } .page1 ul { display:block; 973px; height:122px; } .page1 .tu { 87px; height:87px; margin:0 auto; } .tu a { display:block; 87px; height:87px; } .page1 .bt { 139px; text-align:center; color:#0063dc; height:21px; line-height:21px; font-size:12px; font-family:"宋体"; } .page1 .fx { 139px; height:14px; line-height:14px; text-align:center; font-size:12px; font-family:Tahoma, "宋体"; color:#66666; } .page1 .fx span { color:#ff4e00; } /*品牌推荐*/ .page2 { 900px; height:100%; margin:0 auto; } .page2 .content { 900px; height:448px; position:relative; } .page2 .mask { background:#000; position:absolute; left:0; top:0; } .page2 .m1 { 160px; height:210px; } .page2 .m2 { 346px; height:210px; } /*优惠活动*/ .page3 { 900px; height:100%; margin:0 auto; } .page3 .content { 900px; height:468px; position:relative; } .page3 .mask { position:absolute; background:#000; left:0; top:0; 444px; height:148px; } /*热销单品*/ .page4 { 900px; height:100%; margin:0 auto; } .page4 .content { 900px; height:380px; position:relative; } .page4 .mask { position:absolute; background:#000; left:0; top:0; } .page4 .m1 { 250px; height:250px; } .page4 .m2 { 120px; height:120px; } .page4 .item1 { display:block; 250px; height:250px; } .page4 .item2 { display:block; 120px; height:120px; } .page4 .item2 .mhover { 120px; height:20px; background:url(http://www.lanrenzhijia.com/demo/2013/0304/tab/images/rx/m_bg.png) no-repeat; position:absolute; bottom:0; font-size:12px; font-family:Arial, Helvetica, sans-serif, "宋体"; line-height:20px; text-align:center; color:#FFF; display:none; } .page4 .mhover span { color:#ff0000; font-weight:bold; } .page4 .item1 .mhover { 250px; height:40px; background:url(http://www.lanrenzhijia.com/demo/2013/0304/tab/images/rx/big_bg.png) no-repeat; position:absolute; bottom:0; font-size:20px; font-family:Arial, Helvetica, sans-serif, "宋体"; color:#FFF; display:none; } .page4 .item1 .mleft { 114px; height:40px; float:left; text-align:right; line-height:40px; padding-right:38px; } .page4 .item1 .mleft span { color:#ff0000; font-size:30px; font-weight:bold; } .page4 .item1 .mright { 97px; height:40px; float:left; line-height:40px; text-align:left; } .page4 .item1 .mright span { color:#ff0000; font-size:30px; font-weight:bold; } /*优质网店*/ .page5 { 911px; height:100%; margin:0 auto; } .page5 .content { 911px; height:454px; position:relative; } .page5 .dp { 452px; height:222px; background:url(http://www.lanrenzhijia.com/demo/2013/0304/tab/images/dp/dp_bg1.jpg) no-repeat; } .page5 .dp1 { 452px; height:222px; background:url(http://www.lanrenzhijia.com/demo/2013/0304/tab/images/dp/dp_bg2.jpg) no-repeat; } .page5 .wai { 415px; height:184px; padding:20px 19px; } .page5 .xinxi { 415px; height:40px; padding-bottom:14px; } .page5 .dplogo { 40px; height:40px; float:left; padding-right:10px; } .page5 .name { 365px; height:40px; float:left; } .page5 .name .bt { 365px; height:23px; font-size:14px; } .page5 .name .bt a { font-size:14px; color:#333333; text-decoration:none; } .page5 .name .bt a:hover { text-decoration:underline; } .page5 .name .bt span { color:#ff4e00; } .page5 .zuan { 365px; height:17px; } .page5 .tjpic { 414px; height:130px; } .page5 .tjpic .tu { 130px; height:130px; float:left; position:relative; } .page5 .tu .money { 60px; height:20px; position:absolute; bottom:5px; right:0px; background:url(http://www.lanrenzhijia.com/demo/2013/0304/tab/images/dp/money_bg.png) no-repeat; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:20px; } .page5 .tu .money span { color:#ff0000; font-weight:bold; } /*外套*/ #frame { overflow: hidden; margin: 0 auto; 100%; position:fixed; top:122px; } #scroller { 1024px; margin: 0 auto; overflow: hidden; } #content { 6144px; } .section { 1024px; float: left; height: 100%; } .wrapper { position:fixed; top:0px; 100%; } .page4 .content a { text-decoration:none; } } @section RenderCSSFile{ @**@ } @section RenderJQReady{ //优质网店div背景图片切换 $(".dp").hover( function () { $(this).removeClass("dp").addClass("dp1"); }, function () { $(this).removeClass("dp1").addClass("dp"); }); $(".taobao").click(function(){ $(".xiala").hide(100); $(".activelogo").attr('src',"http://www.lanrenzhijia.com/demo/2013/0304/tab/images/taobao.jpg") }); $(".suning").click(function(){ $(".xiala").hide(100); $(".activelogo").attr('src',"http://www.lanrenzhijia.com/demo/2013/0304/tab/images/suning.jpg"); }); $(".dangdang").click(function(){ $(".xiala").hide(100); $(".activelogo").attr('src',"http://www.lanrenzhijia.com/demo/2013/0304/tab/images/dangdang.jpg"); }); $(".content").find("a").each(function() { $(this).hover(function() { $(this).siblings().find(".mask").stop(); $(this).siblings().find(".mask").fadeTo("fast",0.3); }, function() { $(this).siblings().find(".mask").stop(); $(this).siblings().find(".mask").fadeTo("fast",0); }); }); $(".item2").hover(function(){ $(this).find(".mhover").show(); },function(){ $(this).find(".mhover").hide(); }); $("#home-tab").click(function(){ $('.title').html('省钱好站'); }); $("#about-tab").click(function(){ $('.title').html('热销单品'); }); $("#downloads-tab").click(function(){ $('.title').html('优质网店'); }); $("#faq-tab").click(function(){ $('.title').html('品牌推荐'); }); $("#contact-tab").click(function(){ $('.title').html('优惠活动'); }) $(".active1").click(function(event){ var e=window.event || event; if(e.stopPropagation){ e.stopPropagation(); }else{ e.cancelBubble = true; } $(".xiala").show(); }); $(".xiala").click(function(event){ var e=window.event || event; if(e.stopPropagation){ e.stopPropagation(); }else{ e.cancelBubble = true; } }); document.onclick = function(){ $(".xiala").hide(); }; }
-
美团网平均返现50% -
拉手网平均返现45元 -
淘宝网平均返现50% -
一号店平均返现45元 -
新蛋返0-3840积分 -
苏宁易购返0-3840积分 -
凡客诚品返积分（随机）
-
京东商城平均返现45元 -
银泰返0-4800积分 -
嘀嗒团平均返现45元 -
卓越亚马逊平均返现50% -
58团返积分（随机） -
聚美优品平均返现45元 -
梦芭莎返0-4800积分
-
库巴购物网返0-3840积分 -
Vjia返积分（随机） -
24券平均返现45元 -
开心团购返0-4800积分 -
乐蜂网返0-4800积分 -
易讯网返0-4800积分 -
当当网返0-4800积分
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥29.90 返 ¥5.00
¥309.00
¥309.00
¥309.00
¥25.00
¥25.00
¥25.00
¥309.00
¥309.00
¥309.00
¥25.00
¥25.00
¥25.00
-
