case-list.htm 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <#include "head-file.htm"/>
  5. </head>
  6. <body>
  7. <#include "head.htm"/>
  8. <div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/00.png) no-repeat center;">
  9. <p class="banner_tit_other animated fadeInLeft">案&nbsp;&nbsp;&nbsp;例</p>
  10. <p class="banner_tit_other_des animated fadeInRight">Case list</p>
  11. </div>
  12. <div class="ms-content-case">
  13. <div class="ms-content-main">
  14. {ms:arclist size=6 ispaging=true}
  15. <div class="ms-content-main-case">
  16. <div class="ms-content-main-case-img">
  17. <img src="{ms:global.host/}[field.litpic/]">
  18. </div>
  19. <div class="ms-content-main-case-explain">
  20. <div class="ms-content-main-case-title">[field.title/]</div>
  21. <div class="ms-content-main-case-content">
  22. <p class="ms-content-main-case-written">
  23. [field.content/]
  24. </p>
  25. <!-- <p class="ms-content-main-case-QRcode">
  26. <img src="./images/1471918025445.png">
  27. </p> -->
  28. </div>
  29. <div class="ms-content-main-case-click">
  30. <a target="_blank" href="[field.source/]">点击查看</a>
  31. </div>
  32. </div>
  33. </div>
  34. {/ms:arclist}
  35. </div>
  36. </div>
  37. <#include "footer.htm"/>
  38. </body>
  39. </html>
  40. <script type="text/javascript">
  41. $(function() {
  42. $('.ms-content-main-case').hover(function() {
  43. $(this).find('.ms-content-main-case-explain').toggle();
  44. });
  45. });
  46. </script>