UJ.index.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. /*12软件沈俊坚 ------动态加载首页*/
  2. window.onload = function () {
  3. //U.CD.Host = "10.1.47.53"; //需要更换数据库host,在这里更换
  4. //U.CD.Database = "Usestudio_shop"; //需要更换数据库名字,在这里更换
  5. //U.CD.Init(); //初始化跨域文件
  6. init();
  7. }
  8. function init() {
  9. var UU = $$("div", { "className": "UU", "id": "UU" }, $("body")[0]);
  10. //UU.style.marginLeft = ( US.Width - 1421 ) / 2 + "px";
  11. var UJ_T = $$("div", { "id": "UJ_T", "className": "UJ_T" }, UU); //页头
  12. var UJ_T_B = $$("div", { "id": "UJ_T_B", "className": "UJ_T_B" }, UJ_T); //页头主体
  13. /*---------------------------------------------页头第一部分 头---------------------------------------------*/
  14. var UJ_T_B_H = $$("div", { "id": "UJ_T_B_H", "className": "UJ_T_B_H" }, UJ_T_B);
  15. $$("img", { "src": "img/top_banner.jpg" }, UJ_T_B_H)
  16. /*---------------------------------------------页头第二部分 头---------------------------------------------*/
  17. var UJ_T_B_M = $$("div", { "id": "UJ_T_B_M", "className": "UJ_T_B_M" }, UJ_T_B);
  18. var UJ_T_B_H = $$("div", { "className": "UT_T_B_H", "id": "UT_T_B_H" }, UJ_T_B_M);
  19. var UJ_T_B_H_Content = $$("div", { "className": "UJ_right UJ_T_B_H_Content", "id": "UJ_T_B_H_Content" }, UJ_T_B_H);
  20. $$("div", { "innerHTML": "购物车" + 0 + "件", "className": "UJ_left goods", "onclick": [[UJ.Cre.Account, (["", 109, "theBox"])]] }, UJ_T_B_H_Content);
  21. var g = $$("div", { "id": "login_reg", "className": "UJ_left login_reg" }, UJ_T_B_H_Content);
  22. $$("div", { "innerHTML": "登录", "className": "UJ_left login", "onclick": [[UJ.Cre.C, (["User_login", 1])]] }, g);
  23. $$("div", { "innerHTML": "|", "className": "UJ_left split" }, g);
  24. $$("div", { "innerHTML": "注册", "className": "UJ_left reg", "onclick": [[UJ.Cre.C, (["User_reg", 0])]] }, g);
  25. /*---------------------------------------------页头第三部分 头---------------------------------------------*/;
  26. var UJ_T_B_D = $$("div", { "id": "UJ_T_B_D", "className": "UJ_T_B_D" }, UJ_T_B);
  27. var UJ_T_B_D_C = $$("div", { "className": "UT_T_B_H UJ_T_B_D", "onclick": [] }, UJ_T_B_D);
  28. var logo = $$("div", { "className": "logo", "id": "Hlogo", "onclick": [[UJ.Fnx.showHide, (["User", "UJ_C", 1])]] }, UJ_T_B_D_C);
  29. $$("img", { "src": "img/logo.jpg", "className": "UJ_left" }, logo);
  30. var nav = $$("ul", { "className": "nav", "id": "nav" }, UJ_T_B_D_C);
  31. var arr = ["首页", "钻石", "黄金", "彩宝", "服饰", "我卖我买", "改款翻新", "品牌"]
  32. for (var i = 0; i < arr.length; i++) {
  33. if (arr[i] == "首页") { $$("li", { "innerHTML": arr[i], "onclick": [[UJ.Fnx.showHide, (["User", "UJ_C", 1])]] }, nav) }
  34. else {
  35. $$("li", { "innerHTML": arr[i] }, nav)
  36. }
  37. } //这里要用功能把导航条做完
  38. var search = $$("div", { "className": "search", "id": "search" }, UJ_T_B_D_C);
  39. var input_Text = $$("input", { "type": "text", "value": "搜索宝贝/店铺", "id": "input_Text", "className": "input_Text" }, search);
  40. var input_Sumbit = $$("div", { "innerHTML": "搜索", "id": "input_Sumbit", "className": "input_Sumbit" }, search);
  41. var tour_list = $$("div", { "className": "UJ_toor_lsit", "id": "UJ_toor_lsit" }, UJ_T_B_D_C);
  42. tour_list.style.top = $("#Hlogo")[0].offsetTop + 50 + "px";
  43. tour_list.style.left = $("#Hlogo")[0].offsetLeft + "px";
  44. /*--------------------------------------------------banner--------------------------------------------------*/
  45. var UJ_Banner = $$("div", { "id": "UJ_Banner", "className": "UJ_Banner" }, UU);
  46. var UJ_Banner_ul = $$("ul", { "className": "UJ_Banner_ul", "id": "UJ_Banner_ul" }, UJ_Banner);
  47. var li = $$("li", { "className": "list", "style": { "background": "url(img/banner/1.jpg) 50% 50% no-repeat rgb(40, 44, 55)"} }, UJ_Banner_ul);
  48. $$("div", { "onclick": [[UJ.Fnx.showHide, (["", "", 2, 1])]] }, li);
  49. for (var i = 2; i < 4; i++) {
  50. var li;
  51. li = $$("li", { "className": "list", "style": { "background": "url(img/banner/" + i + ".jpg) 50% 50% no-repeat"} }, UJ_Banner_ul);
  52. }
  53. var UJ_Banner_L = $$("div", { "className": "UJ_Banner_L", "id": "UJ_Banner_L" }, UJ_Banner);
  54. $$("img", { "src": "img/banner/banner_left.png" }, UJ_Banner_L);
  55. var UJ_Banner_R = $$("div", { "className": "UJ_Banner_R", "id": "UJ_Banner_R" }, UJ_Banner);
  56. $$("img", { "src": "img/banner/banner_right.png" }, UJ_Banner_R);
  57. var UJ_Banner_B = $$("li", { "id": "UJ_Banner_B", "className": "UJ_Banner_B" }, UJ_Banner);
  58. var fround = $$("div", { "id": "fround", "className": "fround" }, UJ_Banner_B);
  59. for (var i = 0; i < UJ_Banner_ul.children.length; i++) {
  60. if (i == 0) {
  61. $$("div", { "className": "red" }, fround);
  62. }
  63. else {
  64. $$("div", {}, fround);
  65. }
  66. }
  67. //U.ME.YHT(UJ_Banner_ul, fround, "red", 0, [UJ_Banner_L, UJ_Banner_R], 4000)
  68. /*--------------------------------------------------内容主体-------------------------------------------------*/
  69. var UJ_C = $$("div", { "id": "UJ_C", "className": "UJ_C" }, UU);
  70. var UJ_C_Layout = $$("div", { "id": "CoLayout", "className": "CoLayout" }, UJ_C);
  71. /*一楼*/
  72. var UJ_C_Fir = $$("div", { "className": "UJ_C_Fir" }, UJ_C_Layout);
  73. var Mtitle = $$("div", { "className": "Mtitle" }, UJ_C_Fir);
  74. $$("b", { "innerHTML": "本季主题" }, Mtitle);
  75. $$("div", { "innerHTML": "——" }, Mtitle);
  76. $$("div", { "innerHTML": "圣诞派对", "className": "part" }, Mtitle);
  77. var marryCon = $$("div", { "className": "marryCon", "id": "marryCon" }, UJ_C_Fir);
  78. var marryPic = $$("ul", { "id": "marryPic", "className": "marryPic" }, marryCon);
  79. for (var i = 1; i < 4; i++) {
  80. if (i == 3) {
  81. var marryPic1 = $$("li", { "className": "marryPic2" }, marryPic);
  82. } else {
  83. var marryPic1 = $$("li", { "className": "marryPic" + i }, marryPic);
  84. }
  85. $$("img", { "src": "img/content/part/part" + i + ".jpg" }, marryPic1);
  86. }
  87. var marryPic3 = $$("li", { "className": "marryPic3" }, marryPic);
  88. var marryPic4 = $$("div", { "className": "marryPic4" }, marryPic3);
  89. $$("img", { "src": "img/content/part/part4.jpg", "title": "本季精选" }, marryPic4);
  90. var marryPic5 = $$("div", { "className": "marryPic5" }, marryPic3);
  91. $$("img", { "src": "img/content/part/part5.jpg", "title": "本季精选" }, marryPic5);
  92. /*二楼*/
  93. var UJ_C_Sec = $$("div", { "className": "UJ_C_Sec" }, UJ_C_Layout);
  94. var UJ_C_Sec_Btitle = $$("div", { "className": "Btitle" }, UJ_C_Sec);
  95. $$("b", { "innerHTML": "本季最大牌" }, UJ_C_Sec_Btitle);
  96. var UJ_C_Sec_BrandCon = $$("div", { "className": "BrandCon", "id": "BrandCon" }, UJ_C_Sec);
  97. var UJ_C_Sec_BrandLogo = $$("div", { "className": "BrandLogo" }, UJ_C_Sec_BrandCon);
  98. var UJ_C_Sec_logo = $$("div", { "className": "UJ_C_Sec_logo" }, UJ_C_Sec_BrandLogo);
  99. $$("img", { "src": "img/content/pic/logo1.jpg" }, UJ_C_Sec_logo);
  100. $$("div", { "className": "UJ_C_Sec_Theme", "innerHTML": "佐卡伊圣诞节专场" }, UJ_C_Sec_BrandLogo);
  101. var UJ_C_Sec_sale = $$("div", { "className": "UJ_C_Sec_sale", "id": "UJ_C_Sec_sale", "innerHTML": "全场<sapn>6</sapn>折起" }, UJ_C_Sec_BrandLogo);
  102. var UJ_C_Sec_time = $$("div", { "className": "time", "id": "time" }, UJ_C_Sec_BrandLogo);
  103. $$("div", { "className": "LastTime", "innerHTML": "剩余时间:" }, UJ_C_Sec_time);
  104. var EndTime = $$("div", { "className": "EndTime", "id": "EndTime" }, UJ_C_Sec_time);
  105. //U.MT.DJS([2015, 1, 8], function (a) { EndTime.innerHTML = "<div>" + a[0] + "</div><b>天</b><div>" + a[1] + "</div><b>时</b><div>" + a[2] + "</div><b>分</b><div>" + a[3] + "</div><b>秒</b>" });
  106. var UJ_C_Sec_BrandPic = $$("div", { "className": "BrandPic" }, UJ_C_Sec_BrandCon);
  107. $$("img", { "src": "img/content/pic/pic.jpg", "title": "品牌", "alt": "品牌" }, UJ_C_Sec_BrandPic);
  108. /*三--六楼*/
  109. for (var j = 60; j < 64; j++) {
  110. var UJ_C_T = $$("div", { "id": "UJ_C_T", "className": "UJ_C_T" }, UJ_C_Layout);
  111. var UJ_C_T_ConTitle = $$("div", { "className": "UJ_C_T_ConTitle", "id": "UJ_C_T_ConTitle" }, UJ_C_T);
  112. $$("div", { "innerHTML": JBOX_arr[j][0] }, UJ_C_T_ConTitle);
  113. $$("div", { "innerHTML": "<div>" + JBOX_arr[j][1] + "</div>" }, UJ_C_T_ConTitle);
  114. $$("div", { "className": "clear" }, UJ_C_T_ConTitle);
  115. var UJ_C_T_Con = $$("div", { "className": "UJ_C_T_Con clear", "id": "UJ_C_T_Con" }, UJ_C_T);
  116. var Cl = $$("div", { "className": "UJ_C_T_Con_Cl" }, UJ_C_T_Con);
  117. for (var i = 8; i < 11; i++) {
  118. var UJ_C_T_Con_Cl_Box = $$("div", { "className": "UJ_C_T_Con_Cl_Box", "id": "UJ_C_T_Con_Cl_Box_" + i }, Cl);
  119. $$("img", { "src": "img/content/" + JBOX_arr[j][1] + "/" + JBOX_arr[j][1] + "" + i + ".jpg" }, UJ_C_T_Con_Cl_Box);
  120. }
  121. var Cm = $$("div", { "id": "UJ_C_T_Con_Cm", "className": "UJ_C_T_Con_Cm" }, UJ_C_T_Con);
  122. for (var i = 1; i < 3; i++) {
  123. var UJ_C_T_Con_Cm_Box = $$("div", {}, Cm);
  124. $$("img", { "src": "img/content/" + JBOX_arr[j][1] + "/" + JBOX_arr[j][1] + "" + i + ".jpg" }, UJ_C_T_Con_Cm_Box);
  125. }
  126. var Cr = $$("div", { "id": "UJ_C_T_Con_Cr", "className": "UJ_C_T_Con_Cr" }, UJ_C_T_Con);
  127. var CrL = $$("div", { "className": "UJ_left UJ_C_T_Con_CrL" }, Cr);
  128. for (var i = 3; i < 6; i++) {
  129. var UJ_C_T_Con_Cr_Box = $$("div", { "className": "UJ_CproList" }, CrL);
  130. $$("img", { "src": "img/content/" + JBOX_arr[j][1] + "/" + JBOX_arr[j][1] + "" + i + ".jpg" }, UJ_C_T_Con_Cr_Box);
  131. }
  132. var CrR = $$("div", { "className": "UJ_left UJ_C_T_Con_CrR" }, Cr);
  133. var UJ_C_T_Con_CrR_Box = $$("div", { "className": "UJ_C_T_Con_CrR_Box" }, CrR);
  134. $$("img", { "src": "img/content/" + JBOX_arr[j][1] + "/" + JBOX_arr[j][1] + "6.jpg" }, UJ_C_T_Con_CrR_Box);
  135. var CrR2 = $$("div", { "className": "UJ_left" }, Cr);
  136. var UJ_C_T_Con_CrR_Box2 = $$("div", { "className": "UJ_C_T_Con_CrR_Box2" }, CrR);
  137. $$("img", { "src": "img/content/" + JBOX_arr[j][1] + "/" + JBOX_arr[j][1] + "7.jpg" }, UJ_C_T_Con_CrR_Box2);
  138. }
  139. /*七楼*/
  140. var UJ_C_T = $$("div", { "id": "UJ_C_T", "className": "UJ_C_T" }, UJ_C_Layout);
  141. var UJ_C_T_ConTitle = $$("div", { "className": "UJ_C_T_ConTitle", "id": "UJ_C_T_ConTitle" }, UJ_C_T);
  142. $$("div", { "innerHTML": "珠宝服务所" }, UJ_C_T_ConTitle);
  143. $$("div", { "innerHTML": "<div>Clubs</div>" }, UJ_C_T_ConTitle);
  144. $$("div", { "className": "clear" }, UJ_C_T_ConTitle);
  145. var ClubPic = $$("div", { "className": "ClubPic", "id": "ClubPic" }, UJ_C_T);
  146. var ClubPic_Box = $$("div", {}, ClubPic);
  147. $$("img", { "src": "img/content/club/Club1.jpg" }, ClubPic_Box);
  148. var ClubPic_Box2 = $$("div", {}, ClubPic);
  149. $$("img", { "src": "img/content/club/Club2.jpg" }, ClubPic_Box2);
  150. /*八楼*/
  151. var meibao = $$("div", { "className": "meibao", "id": "meibao" }, UJ_C_Layout);
  152. var jujiao = $$("div", { "className": "jujiao" }, meibao);
  153. $$("div", { "title": "聚焦美宝", "className": "JTitle", "innerHTML": "聚焦美宝" }, jujiao);
  154. var JBOX = $$("ul", { "className": "JBOX", "id": "JBOX" }, jujiao);
  155. var baike = $$("div", { "className": "baike" }, meibao);
  156. $$("div", { "title": "美宝百科", "className": "JTitle", "innerHTML": "美宝百科" }, baike);
  157. var JBOX2 = $$("ul", { "className": "JBOX" }, baike);
  158. for (var i = 0; i < 14; i++) {
  159. var L;
  160. var T;
  161. if (i < 5) {
  162. L = $$("li", {}, JBOX);
  163. T = "meibao";
  164. } else { L = $$("li", {}, JBOX2); T = "baike" }
  165. var D = $$("div", { "className": "left" }, L);
  166. $$("img", { "src": "img/content/" + T + "/" + JBOX_arr[i][0] }, D);
  167. var R = $$("div", { "className": "right" }, L);
  168. var k = $$("div", { "className": "caption" }, R);
  169. $$("div", { "innerHTML": JBOX_arr[i][1] }, k)
  170. $$("div", { "className": "Text", "innerHTML": JBOX_arr[i][2] }, R);
  171. }
  172. //U.ME.DH(JBOX, 1000, "L");
  173. /*--------------------------------------------------页脚--------------------------------------------------*/
  174. var footer = $$("ul", { "className": "footer", "id": "footer" }, UU);
  175. var foot1 = $$("li", { "className": "foot1" }, footer);
  176. var foot2 = $$("li", { "className": "foot2" }, footer);
  177. var foot3 = $$("li", { "className": "foot3" }, footer);
  178. var foot1_center = $$("div", { "className": "foot1_center" }, foot1);
  179. var baozhang = $$("div", { "className": "baozhang" }, foot1_center);
  180. for (var i = 1; i < 5; i++) {
  181. var k = $$("div", {}, baozhang);
  182. $$("img", { "src": "img/content/footer/footer_securit" + i + ".jpg" }, k);
  183. }
  184. var bussiesTime = $$("div", { "className": "bussiesTime" }, foot1_center);
  185. $$("img", { "src": "img/content/footer/footer_time2.jpg" }, bussiesTime);
  186. var tour;
  187. for (var i = 38; i < 43; i++) {
  188. tour = $$("div", { "id": "tour", "className": "tour" }, foot1_center);
  189. for (var j = i; j < i + 4; j++) {
  190. var nailNav1 = $$("div", { "className": "nailNav" }, tour);
  191. $$("a", { "innerHTML": JBOX_arr[j][0] }, nailNav1);
  192. }
  193. i < 41 ? i = 41 : "";
  194. }
  195. tour.children[3].children[0].onclick = function () { UJ.Cre.Account("", 113, "Account_Help") }
  196. var foot2_center = $$("div", { "className": "foot2_center" }, foot2);
  197. var tailMenu = $$("div", { "className": "tailMenu" }, foot2_center);
  198. for (var i = 46; i < 54; i++) {
  199. $$("div", { "innerHTML": JBOX_arr[i][0], "className": "text" }, tailMenu);
  200. i == 53 ? "" : $$("div", { "innerHTML": "|", "className": "split" }, tailMenu);
  201. }
  202. var foot3_center = $$("div", { "className": "foot3_center" }, foot3);
  203. var link = $$("div", { "className": "link" }, foot3_center);
  204. $$("div", { "className": "linkDiv", "innerHTML": "友情链接:" }, link);
  205. for (var i = 21; i < 38; i++) {
  206. var o = $$("div", { "className": "linkDiv" }, link);
  207. $$("a", { "href": JBOX_arr[i][1], "innerHTML": JBOX_arr[i][0] }, o);
  208. }
  209. $$("div", { "className": "banquan", "innerHTML": "2013-2014 深圳东方美宝网络科技有限公司版权所有,并保留所有权利 粤ICP备14032390号-1" }, foot3_center);
  210. var honest = $$("div", { "className": "honest" }, foot3_center);
  211. for (var i = 54; i < 60; i++) {
  212. var e = $$("div", {}, honest);
  213. $$("img", { "src": "img/content/save/" + JBOX_arr[i] }, e);
  214. }
  215. //$$("div", { "className": "last" }, foot3_center);
  216. }