shaixuan.js 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
  1. //meishi开始
  2. $(document).ready(function(){
  3. $(".meishi").click(function(){
  4. if ($('.meishi22').hasClass('grade-w-roll')) {
  5. $('.meishi22').removeClass('grade-w-roll');
  6. $(this).removeClass('current');
  7. } else {
  8. $('.meishi22').addClass('grade-w-roll');
  9. $(this).addClass('current');
  10. $(".Regional").removeClass('current');
  11. $(".Brand").removeClass('current');
  12. $(".Sort").removeClass('current');
  13. }
  14. });
  15. });
  16. $(document).ready(function(){
  17. $(".meishia-w>li").click(function(){
  18. $(".meishia-t")
  19. .css("left","50%")
  20. });
  21. });
  22. $(document).ready(function(){
  23. $(".meishia-t>li").click(function(){
  24. $(".meishia-s")
  25. .css("left","50%")
  26. });
  27. });
  28. //Regional开始
  29. $(document).ready(function(){
  30. $(".Regional").click(function(){
  31. if ($('.grade-eject').hasClass('grade-w-roll')) {
  32. $('.grade-eject').removeClass('grade-w-roll');
  33. $(this).removeClass('current');
  34. $('.screening').attr('style',' ');
  35. } else {
  36. $('.grade-eject').addClass('grade-w-roll');
  37. $(this).addClass('current');
  38. $(".meishi").removeClass('current');
  39. $(".Brand").removeClass('current');
  40. $(".Sort").removeClass('current');
  41. $('.screening').attr('style','position: fixed;top:70px;');
  42. }
  43. });
  44. });
  45. $(document).ready(function(){
  46. $(".grade-w>li").click(function(){
  47. $(".grade-t")
  48. .css("left","50%")
  49. });
  50. });
  51. $(document).ready(function(){
  52. $(".grade-t>li").click(function(){
  53. $(".grade-s")
  54. .css("left","50%")
  55. });
  56. });
  57. //Brand开始
  58. $(document).ready(function(){
  59. $(".Brand").click(function(){
  60. if ($('.Category-eject').hasClass('grade-w-roll')) {
  61. $('.Category-eject').removeClass('grade-w-roll');
  62. $(this).removeClass('current');
  63. $('.screening').attr('style',' ');
  64. } else {
  65. $('.Category-eject').addClass('grade-w-roll');
  66. $(this).addClass('current');
  67. $(".meishi").removeClass('current');
  68. $(".Regional").removeClass('current');
  69. $(".Sort").removeClass('current');
  70. $('.screening').attr('style','position: fixed;top:70px;');
  71. }
  72. });
  73. });
  74. //Sort开始
  75. $(document).ready(function(){
  76. $(".Sort").click(function(){
  77. if ($('.Sort-eject').hasClass('grade-w-roll')) {
  78. $('.Sort-eject').removeClass('grade-w-roll');
  79. $(this).removeClass('current');
  80. $('.screening').attr('style',' ');
  81. } else {
  82. $('.Sort-eject').addClass('grade-w-roll');
  83. $(this).addClass('current');
  84. $(".meishi").removeClass('current');
  85. $(".Regional").removeClass('current');
  86. $(".Brand").removeClass('current');
  87. $('.screening').attr('style','position: fixed;top:70px;');
  88. }
  89. });
  90. });
  91. //判断页面是否有弹出
  92. $(document).ready(function(){
  93. $(".meishi").click(function(){
  94. if ($('.Category-eject').hasClass('grade-w-roll')){
  95. $('.Category-eject').removeClass('grade-w-roll');
  96. };
  97. });
  98. });
  99. $(document).ready(function(){
  100. $(".meishi").click(function(){
  101. if ($('.Sort-eject').hasClass('grade-w-roll')){
  102. $('.Sort-eject').removeClass('grade-w-roll');
  103. };
  104. });
  105. });$(document).ready(function(){
  106. $(".meishi").click(function(){
  107. if ($('.grade-eject').hasClass('grade-w-roll')){
  108. $('.grade-eject').removeClass('grade-w-roll');
  109. };
  110. });
  111. });
  112. $(document).ready(function(){
  113. $(".Regional").click(function(){
  114. if ($('.Category-eject').hasClass('grade-w-roll')){
  115. $('.Category-eject').removeClass('grade-w-roll');
  116. };
  117. });
  118. });
  119. $(document).ready(function(){
  120. $(".Regional").click(function(){
  121. if ($('.Sort-eject').hasClass('grade-w-roll')){
  122. $('.Sort-eject').removeClass('grade-w-roll');
  123. };
  124. });
  125. });
  126. $(document).ready(function(){
  127. $(".Regional").click(function(){
  128. if ($('.meishi22').hasClass('grade-w-roll')){
  129. $('.meishi22').removeClass('grade-w-roll');
  130. };
  131. });
  132. });
  133. $(document).ready(function(){
  134. $(".Brand").click(function(){
  135. if ($('.Sort-eject').hasClass('grade-w-roll')){
  136. $('.Sort-eject').removeClass('grade-w-roll');
  137. };
  138. });
  139. });
  140. $(document).ready(function(){
  141. $(".Brand").click(function(){
  142. if ($('.grade-eject').hasClass('grade-w-roll')){
  143. $('.grade-eject').removeClass('grade-w-roll');
  144. };
  145. });
  146. });
  147. $(document).ready(function(){
  148. $(".Brand").click(function(){
  149. if ($('.meishi22').hasClass('grade-w-roll')){
  150. $('.meishi22').removeClass('grade-w-roll');
  151. };
  152. });
  153. });
  154. $(document).ready(function(){
  155. $(".Sort").click(function(){
  156. if ($('.Category-eject').hasClass('grade-w-roll')){
  157. $('.Category-eject').removeClass('grade-w-roll');
  158. };
  159. });
  160. });
  161. $(document).ready(function(){
  162. $(".Sort").click(function(){
  163. if ($('.grade-eject').hasClass('grade-w-roll')){
  164. $('.grade-eject').removeClass('grade-w-roll');
  165. };
  166. });
  167. });
  168. $(document).ready(function(){
  169. $(".Sort").click(function(){
  170. if ($('.meishi22').hasClass('grade-w-roll')){
  171. $('.meishi22').removeClass('grade-w-roll');
  172. };
  173. });
  174. });
  175. //js点击事件监听开始
  176. function meishia(wbj){
  177. var arr = document.getElementById("meishia").getElementsByTagName("li");
  178. for (var i = 0; i < arr.length; i++){
  179. var a = arr[i];
  180. a.style.background = "";
  181. };
  182. wbj.style.background = "#eee"
  183. }
  184. function meishib(tbj){
  185. var arr = document.getElementById("meishib").getElementsByTagName("li");
  186. for (var i = 0; i < arr.length; i++){
  187. var a = arr[i];
  188. a.style.background = "";
  189. };
  190. }
  191. function meishis(sbj){
  192. var arr = document.getElementById("meishis").getElementsByTagName("li");
  193. for (var i = 0; i < arr.length; i++){
  194. var a = arr[i];
  195. a.style.borderBottom = "";
  196. };
  197. sbj.style.borderBottom = "solid 1px #ff7c08"
  198. }
  199. function grade1(wbj){
  200. var arr = document.getElementById("gradew").getElementsByTagName("li");
  201. for (var i = 0; i < arr.length; i++){
  202. var a = arr[i];
  203. a.style.background = "";
  204. };
  205. wbj.style.background = "#eee"
  206. }
  207. function gradet(tbj){
  208. var arr = document.getElementById("gradet").getElementsByTagName("li");
  209. for (var i = 0; i < arr.length; i++){
  210. var a = arr[i];
  211. a.style.background = "";
  212. };
  213. }
  214. function grades(sbj){
  215. var arr = document.getElementById("grades").getElementsByTagName("li");
  216. for (var i = 0; i < arr.length; i++){
  217. var a = arr[i];
  218. a.style.borderBottom = "";
  219. };
  220. sbj.style.borderBottom = "solid 1px #ff7c08"
  221. }
  222. function Categorytw(wbj){
  223. var arr = document.getElementById("Categorytw").getElementsByTagName("li");
  224. for (var i = 0; i < arr.length; i++){
  225. var a = arr[i];
  226. a.style.background = "";
  227. };
  228. wbj.style.background = "#eee"
  229. }
  230. function Categoryt(tbj){
  231. var arr = document.getElementById("Categoryt").getElementsByTagName("li");
  232. for (var i = 0; i < arr.length; i++){
  233. var a = arr[i];
  234. a.style.background = "";
  235. };
  236. }
  237. function Categorys(sbj){
  238. var arr = document.getElementById("Categorys").getElementsByTagName("li");
  239. for (var i = 0; i < arr.length; i++){
  240. var a = arr[i];
  241. a.style.borderBottom = "";
  242. };
  243. sbj.style.borderBottom = "solid 1px #ff7c08"
  244. }
  245. function Sorts(sbj){
  246. var arr = document.getElementById("Sort-Sort").getElementsByTagName("li");
  247. for (var i = 0; i < arr.length; i++){
  248. var a = arr[i];
  249. a.style.background = "";
  250. };
  251. sbj.style.background = "#eee"
  252. }