[教學] [原创] Sclub帖内积分外显美化代码 (by 自由路)

zxx00

下載 (54.5 KB)

2012-12-22 10:43

原帖地址:http://zyl.gain.tw/viewthread.php?tid=10&extra=page%3D1

1. <!--Sclub帖内积分外显美化代码 (by http://zyl.gain.tw/)-->
   
2. <script>
   
3. jQuery.noConflict();
   
4. var i=0
   
5. 
   
6. jQuery(".profile").each(function(i){
   
7. //循环开始
   
8. 
   
9. var qzom_text1=jQuery(this).children("dt").eq(0).text();
   
10. var qzom_text2=jQuery(this).children("dt").eq(1).text();
    
11. var qzom_text3=jQuery(this).children("dt").eq(2).text();
    
12. 
    
13. var qzom_num1=jQuery(this).children("dd").eq(0).text();
    
14. var qzom_num2=jQuery(this).children("dd").eq(1).text();
    
15. var qzom_num3=jQuery(this).children("dd").eq(2).text();
    
16. 
    
17. var qzom_all='<div class="tns xg2"><table cellspacing="0" cellpadding="0"><tbody><tr><th><p><a class="xi2"><b>'+qzom_num1+'</b></a></p>'+qzom_text1+'</th><th><p><a class="xi2"><b>'+qzom_num2+'</b></a></p>'+qzom_text2+'</th><td><p><a class="xi2"><b><font color="#FF0000">'+qzom_num3+'</font></b></a></p>'+qzom_text3+'</td></tr></tbody></table></div>'
    
18. jQuery(this).before(qzom_all);
    
19. 
    
20. i=i+1;});
    
21. 
    
22. 
    
23. </script>
    
24. 
    
25. <style>
    
26. .profile{ display:none!important;}
    
27. .tns th {
    
28.     border-right: 1px solid #CCCCCC;
    
29. }
    
30. .tns th, .tns td {
    
31.     font-size: 12px;
    
32.     text-align: center;
    
33. }
    
34. caption, th {
    
35.     font-weight: 400;
    
36.     text-align: left;
    
37. }
    
38. * {
    
39.     word-wrap: break-word;
    
40. }
    
41. .tns th p, .tns td p {
    
42.     font-size: 11px;
    
43.     margin: 0;
    
44. }
    
45. .pls p, .pls .pil, .pls .o {
    
46.     margin: 5px 10px 5px 15px;
    
47. }
    
48. body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {
    
49.     margin: 0;
    
50.     padding: 0;
    
51. }
    
52. .xi2, .xi2 a, .xi3 a {
    
53.     color: #105CB6;
    
54. }
    
55. a {
    
56.     color: #333333;
    
57.     text-decoration: none;
    
58. }
    
59. 
    
60. </style>

複製代碼

请将jQuery内核安装到贵站再添加本站原创代码!(使用必备):http://zyl.gain.tw/viewthread.php?tid=9&extra=page%3D1