前台jsp goods.jspITeye - 娱乐之横扫全球

前台jsp goods.jspITeye

2019-01-13 17:38:28 | 作者: 运珧 | 标签: 菜单,微软,雅黑 | 浏览: 2680

/*菜单*/ .menu{ width:175px; height:480px; border-left:2px solid #ff6600; border-bottom:2px solid #ff6600; border-right:2px solid #ff6600; background:#fff; font-family:"微软雅黑"; position:absolute; top:40px; left:0; z-index:999;} .menu:hover{ background:#f7f7f7;} .menu .menuArea{ width:175px; height:60px; background:url(../images/menuIcon.gif) no-repeat 146px 22px; border-bottom:1px solid #e5e5e5;} .menu .menuArea h3{ padding-left:20px; padding-top:12px; font-size:14px; font-weight:bold;} .menu .menuArea h3 a{ padding-right:8px; color:#333; text-decoration:none;} .menu .menuArea h3 a:hover{ color:#039; text-decoration:underline;} .menu .menuArea p{ padding-left:20px; padding-top:4px;} .menu .menuArea p .item1{ color:#f60; text-decoration:none; padding-right:6px;} .menu .menuArea p .item1:hover{ color:#f60; text-decoration:underline;} .menu .menuArea p .item2{ color:#666; text-decoration:none; padding-right:6px;} .menu .menuArea p .item2:hover{ color:#039; text-decoration:underline;} .menu .menuArea2{ width:175px; } .menu .menuArea2 h3{ padding-left:20px; padding-top:12px; font-size:14px; font-weight:bold;} .menu .menuArea2 p{ padding-left:20px; padding-top:6px; padding-bottom:6px;} .menu .menuArea2 p a{ color:#666; text-decoration:none; padding-right:6px; padding-bottom:8px;} .menu .menuArea2 p a:hover{ color:#039; text-decoration:underline;} /*菜单的分类*/ .menuClass{ width:818px; height:490px; border-bottom:1px solid #eee; border-top:1px solid #eee; border-right:1px solid #eee; position:absolute; top:30px; z-index:99; left:142px; background:#fff url(../images/menuClass01.png) no-repeat; font-family:"Arial"; z-index:2000;} .menuClass2{ width:818px; height:490px; border-bottom:1px solid #eee; border-top:1px solid #eee; border-right:1px solid #eee; position:absolute; top:30px; z-index:99; left:142px; background:#fff url(../images/menuClass02.png) no-repeat right bottom; font-family:"Arial"; z-index:2000;} .menuBrand{ width:203px; margin-top:16px; margin-right:24px;} .menuBrand h3{ height:21px; line-height:21px; color:#484848; font-size:12px; font-weight:bold;} .menuBrand table{ border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2;} .menuBrand table tr{ height:40px;} .menuBrand table tr td{ border-bottom:1px solid #f2f2f2; border-right:1px solid #f2f2f2; position:relative; overflow:hidden;} .menuBrand table tr td a{ display:block; width:100px; height:40px; overflow:hidden;} .menuBrand table tr td:hover img{ position:absolute; top:-40px; left:0;} .menuContent{ margin-top:13px; margin-left:20px;} .menuContent tr td{ height:26px; padding-top:6px; padding-bottom:6px; line-height:26px;} .menuContent tr .w62{ width:62px; color:#484848; font-weight:bold;} .menuContent tr .w478{ width:478px; color:#daccda;} .menuContent tr .w478 a{ word-break:normal; color:#666666; display:inline-block;} .menuContent tr .w478 .a1{ color:#f60;} .menuContent tr .w478 a:hover{ color:#039;} /*购物车办理*/ .cartManage{ width:226px; height:80px; border-left:2px solid #ff6600; border-bottom:2px solid #ff6600; border-right:2px solid #ff6600; background:#FFF url(../images/cartIcon.gif) no-repeat 11px 32px; position:absolute; right:0; top:40px;} .cartManage p{ padding-top:36px; color:#999; padding-left:36px;} .cartManage2{ width:226px; border-left:2px solid #ff6600; border-bottom:2px solid #ff6600; border-right:2px solid #ff6600; background:#fff; font-family:"Arial"; position:absolute; right:0; top:40px;} .cartManage2 h3{ width:226px; height:35px; border-bottom:1px solid #ddd; line-height:35px;} .cartManage2 h3 em{ color:#333; font-weight:normal; font-size:12px; padding-right:10px;} .cartManage2 h3 em i{ color:#f60; font-family:"微软雅黑"; font-weight:bold;} .cartManage2 dl{ width:226px; height:60px; border-bottom:1px solid #ddd; } .cartManage2 dl:hover{ background:#f1f1f1;} .cartManage2 dl dt{ width:64px; height:60px;} .cartManage2 dl dt img{ width:50px; height:38px; border:1px solid #d7d7d7; margin-left:6px; margin-top:10px;} .cartManage2 dl dd{} .cartManage2 dl dd p{ padding-top:14px; padding-bottom:8px;} .cartManage2 dl dd p a{ color:#333;} .cartManage2 dl dd i{ color:#ff6600; font-family:"微软雅黑"; font-weight:bold;} .cartManage2 dl dd em{ color:#333;} .cartManage2 span{ width:200px; padding-left:26px; height:41px; padding-top:8px;} .cartManage2 span a{ color:#1f47a1;} .cartManage2 span input{ width:98px; height:34px; font-weight:bold; border:none; background:#f7661f; color:#fff;} /*保藏办理*/ .collectionManage{ width:226px; height:80px; border-left:2px solid #ff6600; border-bottom:2px solid #ff6600; border-right:2px solid #ff6600; background:#FFF; position:absolute; right:0; top:40px;} .collectionManage p{ padding-top:36px; color:#999; padding-left:36px;} .collectionManage2{ width:226px; border-left:2px solid #ff6600; border-bottom:2px solid #ff6600; border-right:2px solid #ff6600; background:#fff; font-family:"Arial"; position:absolute; right:0; top:40px;} .collectionManage2 h3{ width:226px; height:35px; border-bottom:1px solid #ddd; line-height:35px;} .collectionManage2 h3 em{ color:#333; font-weight:normal; font-size:12px; padding-right:10px;} .collectionManage2 h3 em i{ color:#f60; font-family:"微软雅黑"; font-weight:bold;} .collectionManage2 dl{ width:226px; height:60px; border-bottom:1px solid #ddd; } .collectionManage2 dl:hover{ background:#f1f1f1;} .collectionManage2 dl dt{ width:64px; height:60px;} .collectionManage2 dl dt img{ width:50px; height:38px; border:1px solid #d7d7d7; margin-left:6px; margin-top:10px;} .collectionManage2 dl dd{} .collectionManage2 dl dd p{ padding-top:14px; padding-bottom:8px;} .collectionManage2 dl dd p a{ color:#333;} .collectionManage2 dl dd i{ color:#ff6600; font-family:"微软雅黑"; font-weight:bold;} .collectionManage2 dl dd em{ color:#333;} .collectionManage2 span{ width:200px; padding-left:26px; height:41px; padding-top:8px;} .collectionManage2 span a{ color:#1f47a1;} .collectionManage2 span input{ width:98px; height:34px; font-weight:bold; border:none; background:#ff9d29; color:#fff;} /*我的新蛋的菜单*/ .myNewegg2{ width:115px; font-family:"Arial"; padding-top:10px; background:#FFF; border-left:1px solid #eee; border-bottom:1px solid #eee; border-right:1px solid #eee; position:absolute; top:24px; z-index:99; right:146px;} .myNewegg2 p{ padding-bottom:12px; padding-left:10px;} /*客户效劳的菜单*/ .service2{ width:146px; height:99px; background:url(../images/service2.png) no-repeat;border-left:1px solid #eee; border-bottom:1px solid #eee; border-right:1px solid #eee; position:absolute; top:24px; z-index:99; right:6px;}

 

//JavaScript Document
//依据 id 获取元素
function $(id){ 
 return document.getElementById(id); 
window.onload = function(){
 var myNeweggCount = 0;
 var serviceCount = 0;
 var menuCount = 0;
 $("myNewegg").onclick = function(){
 if(myNeweggCount%2==0){
 myNeweggOpen(); 
 }else{
 myNeweggClose();
 myNeweggCount++;
 $("service").onclick = function(){
 if(serviceCount%2==0){
 serviceOpen(); 
 }else{
 serviceClose();
 serviceCount++;
 $("menu").onclick = function(){
 if(menuCount%2==0){
 menuOpen(); 
 }else{
 menuClose();
 menuCount++;
 $("menuArea1").onmousemove = function(){
 menuArea1Onmousemove();
 $("menuArea2").onmousemove = function(){
 menuArea2Onmousemove();
 $("menuArea3").onmousemove = function(){
 menuArea3Onmousemove();
 $("menuArea4").onmousemove = function(){
 menuArea4Onmousemove();
 $("menuArea5").onmousemove = function(){
 menuArea5Onmousemove();
 var cartManageCount = 0;
 $("cartManage").onclick = function(){
 if(cartManageCount%2==0){
 cartManageOpen(); 
 }else{
 cartManageClose();
 cartManageCount++;
 var collectionManageCount = 0;
 $("collectionManage").onclick = function(){
 if(collectionManageCount%2==0){
 collectionManageOpen(); 
 }else{
 collectionManageClose();
 collectionManageCount++;
 $("numSub").onclick = function(){
 var number =$("number");
 if(number.value =1){
 alert("不能再少了!!!");
 }else{
 number.value--;
 $("numAdd").onclick = function(){
 var number =$("number");
 number.value++;
 $("love").onclick = function(){
 var loveId= $("loveId");
 loveId.innerHTML++;
 //提交表单
 document.CommentForm.onsubmit = function(){
 return CommentFormCheck();
//我的新蛋菜单翻开
function myNeweggOpen(){
 var myNewegg = $("myNewegg");
 var myNewegg2 = $("myNewegg2");
 myNewegg.style.backgroundColor=#fff;
 myNewegg.style.backgroundImage="url(images/chooseHover.jpg)";
 myNewegg2.style.display=block;
//我的新蛋菜单封闭
function myNeweggClose(){
 var myNewegg = $("myNewegg");
 var myNewegg2 = $("myNewegg2");
 myNewegg.style.backgroundColor=#f1f1f1;
 myNewegg.style.backgroundImage="url(images/choose.jpg)"; 
 myNewegg2.style.display=none;
//客户效劳菜单翻开
function serviceOpen(){
 var service = $("service");
 var service2 = $("service2");
 service.style.backgroundColor=#fff;
 service.style.backgroundImage="url(images/chooseHover.jpg)";
 service2.style.display=block;
//客户效劳菜单封闭
function serviceClose(){
 var service = $("service");
 var service2 = $("service2");
 service.style.backgroundColor=#f1f1f1;
 service.style.backgroundImage="url(images/choose.jpg)"; 
 service2.style.display=none;
//menu 翻开
function menuOpen(){
 var menu2 = $("menu2");
 menu2.style.display=block;
//menu 封闭
function menuClose(){
 var menu2 = $("menu2");
 var menuClass1 = $("menuClass1");
 var menuClass2 = $("menuClass2");
 menu2.style.display=none;
 menuClass1.style.display=none;
 menuClass2.style.display=none;
 for(var i=1; i i++){
 document.getElementById("menuArea"+i).style.backgroundColor="#fff"; 
//menuArea1
function menuArea1Onmousemove(){
 var menuClass1 = $("menuClass1");
 var menuClass2 = $("menuClass2");
 for(var i=1; i i++){
 document.getElementById("menuArea"+i).style.backgroundColor="#f7f7f7"; 
 menuClass2.style.display=none;
 menuArea1.style.backgroundColor=#fff;
 menuClass1.style.display=block;
//menuArea2
function menuArea2Onmousemove(){
 var menuClass1 = $("menuClass1");
 var menuClass2 = $("menuClass2");
 for(var i=1; i i++){
 document.getElementById("menuArea"+i).style.backgroundColor="#f7f7f7"; 
 menuClass1.style.display=none;
 menuArea2.style.backgroundColor=#fff;
 menuClass2.style.display=block;
//menuArea3
function menuArea3Onmousemove(){
 var menuClass1 = $("menuClass1");
 var menuClass2 = $("menuClass2");
 for(var i=1; i i++){
 document.getElementById("menuArea"+i).style.backgroundColor="#f7f7f7"; 
 menuClass2.style.display=none;
 menuArea3.style.backgroundColor=#fff;
 menuClass1.style.display=block;
//menuArea4
function menuArea4Onmousemove(){
 var menuClass1 = $("menuClass1");
 var menuClass2 = $("menuClass2");
 for(var i=1; i i++){
 document.getElementById("menuArea"+i).style.backgroundColor="#f7f7f7"; 
 menuClass1.style.display=none;
 menuArea4.style.backgroundColor=#fff;
 menuClass2.style.display=block;
//menuArea5
function menuArea5Onmousemove(){
 var menuClass1 = $("menuClass1");
 var menuClass2 = $("menuClass2");
 for(var i=1; i i++){
 document.getElementById("menuArea"+i).style.backgroundColor="#f7f7f7"; 
 menuClass2.style.display=none;
 menuArea5.style.backgroundColor=#fff;
 menuClass1.style.display=block;
//购物车办理翻开
function cartManageOpen(){
 var cartManage = $("cartManage");
 var cartManage2 = $("cartManage2");
 var cartManageSub = $("cartManageSub");
 var cartManageSub2 = $("cartManageSub2");
 cartManage2.style.display=block;
 cartManage.style.backgroundColor=#fff;
 cartManage.style.backgroundImage="url(images/shoppingCartORcollectRemindImgHover.jpg)";
 cartManage.style.border="2px solid #ff6600";
 cartManage.style.borderBottom="none";
 cartManageSub.style.color="#767676";
 cartManageSub2.style.color="#f60";
 var collectionManage = $("collectionManage");
 var collectionManage2 = $("collectionManage2");
 var collectionManageSub = $("collectionManageSub");
 collectionManage2.style.display=none;
 collectionManage.style.backgroundColor=#ff6600;
 collectionManage.style.backgroundImage="url(images/shoppingCartORcollectRemindImg.jpg)";
 collectionManage.style.border="2px solid #ff6600";
 collectionManage.style.borderBottom="none";
 collectionManageSub.style.color="#fff";
//购物车办理封闭
function cartManageClose(){
 var cartManage = $("cartManage");
 var cartManage2 = $("cartManage2");
 var cartManageSub = $("cartManageSub");
 var cartManageSub2 = $("cartManageSub2");
 cartManage2.style.display=none;
 cartManage.style.backgroundColor=#ff6600;
 cartManage.style.backgroundImage="url(images/shoppingCartORcollectRemindImg.jpg)";
 cartManage.style.border="2px solid #ff6600";
 cartManage.style.borderBottom="none";
 cartManageSub.style.color="#fff";
 cartManageSub2.style.color="#ffb380";
 cartManageSub2.style.fontWeight="bold";
 cartManageSub2.style.fontFamily="Arial";
 var collectionManage = $("collectionManage");
 var collectionManage2 = $("collectionManage2");
 var collectionManageSub = $("collectionManageSub");
 collectionManage2.style.display=none;
 collectionManage.style.backgroundColor=#ff6600;
 collectionManage.style.backgroundImage="url(images/shoppingCartORcollectRemindImg.jpg)";
 collectionManage.style.border="2px solid #ff6600";
 collectionManage.style.borderBottom="none";
 collectionManageSub.style.color="#fff";                          
			
版权声明
本文来源于网络,版权归原作者所有,其内容与观点不代表娱乐之横扫全球立场。转载文章仅为传播更有价值的信息,如采编人员采编有误或者版权原因,请与我们联系,我们核实后立即修改或删除。

猜您喜欢的文章