求助,仿京东模板首页轮播图问题

2016-07-07 16:03 来源:www.chinab4c.com 作者:ecshop专家



我在网站找到一个高仿京东轮播的代码
代码JSCSS如附件 桌面.zip (40.41 KB)
CSS运用的应该是下面这串代码,问题就是本地测试一切正常 放到我的网站没有轮播效果,地址:http://www.lzmyy.com/shop
求高手告诉解决办法

  1. <style type="text/css">

  2. .slide-controls span {
  3. display: inline-block;
  4. margin: 0 1px;
  5. background: #999;
  6. text-align: center;
  7. cursor: default;
  8. color: #fff;
  9. border-radius: 12px;
  10. -moz-border-radius: 12px;
  11. -webkit-border-radius: 12px;
  12. cursor:pointer;
  13. }
  14. .slide-controls a:link,.slide-controls a:visited {
  15. display: inline-block;
  16. width: 100%;
  17. color: #fff;
  18. font-weight: bold;
  19. }
  20. .slide-controls .curr {
  21. background: #C00;
  22. }
  23. /**/
  24. #slide {
  25. float: left;
  26. width: 550px;
  27. height: 420px;
  28. margin-left: 220px;
  29. }
  30. #slide .slide-itemswrap,#slide .slide-items,#slide .slide-items li {
  31. width: 550px;
  32. height: 390px;
  33. overflow: hidden;
  34. }
  35. #slide .slide-items {
  36. background: #F5F5F5;
  37. }
  38. #slide .slide-items div {
  39. float: left;
  40. }
  41. #slide .slide-controls {
  42. height: 22px;
  43. padding: 4px 10px;
  44. background: #EEE;
  45. text-align: right;
  46. }
  47. #slide .slide-controls span {
  48. width: 22px;
  49. height: 22px;
  50. line-height: 22px;
  51. }
  52. #slide .slide-controls a {
  53. font-size: 13px;
  54. }
  55. #slide .style1 .fore2,#slide .style1 .fore3,#slide .style1 .fore4 {
  56. margin-left: 1px;
  57. }
  58. *html #slide {
  59. margin-left: 110px;
  60. }
  61. #slide, #slide .slide-itemswrap, #slide .slide-items, #slide .slide-items li {
  62. width: 670px;
  63. }
  64. </style>
复制代码

回答:
新手求助啊

在线等.....

首先你的页面有JS冲突。 其他的没看到 你解决了冲突再说吧
你可以进下面的群 帮你看看