分享X1.5大秀场（带切换功能，带DIY，装上即可直接DIY调用）估计有人喜欢

湖中沉

步骤1：
打开viewthread.htm文件，搜索以下代码

1. <div id="pt" class="bm cl">
   
2. 
   
3. <!--{subtemplate common/simplesearchform}-->
   
4. 
   
5. <div class="z">
   
6. 
   
7.   <a href="./" id="fjump"{if $_G['setting']['forumjump'] == 1} onmouseover="showMenu({'ctrlid':this.id})"{/if} class="nvhm" title="{lang homepage}">$_G
   
8. 
   
9. [setting][bbname]</a>$navigation <em>&#8250;</em> $_G[forum_thread][short_subject]
   
10. 
    
11. </div>
    
12. 
    
13. </div>

复制代码

在此代码下加入以下代码：

1. <script type="text/javascript">
   
2. function switch_daxiuchang(show) {
   
3. 
   
4. $('threadadd_show').className = 'show_version ' + show;
   
5. 
   
6. $('show_am_span').className = $('show_pm_span').className = '';
   
7. 
   
8. $(show + '_span').className = 'threadadd_active';
   
9. 
   
10. }
    
11. 
    
12. var dxc_show = 'show_am';
    
13. 
    
14. function switch_daxiuchang_auto() {
    
15. 
    
16. switch_daxiuchang(dxc_show);
    
17. 
    
18. dxc_show = dxc_show == 'show_am' ? 'show_pm' : 'show_am';
    
19. 
    
20. }
    
21. 
    
22. dsc_st = setInterval(switch_daxiuchang_auto, 5000);
    
23. 
    
24. </script>
    
25. 
    
26. 
    
27. <div style="width: 960px;background: #FFFFFF;margin: 0 auto;">
    
28. 
    
29. <div class="threadadd show showvision">
    
30. 
    
31. 
    
32.     <h3>大秀场</h3>
    
33. 
    
34.     <dl class="threadadd_main">
    
35. 
    
36.         <dt id="show_tab" class="changegroup">
    
37. 
    
38.             <span id="show_am_span" class="threadadd_active">
    
39. 
    
40.                 <a rel="show_am" title="查看虫友相册" href="javascript:;" onclick="switch_daxiuchang('show_am');">晒照片</a>
    
41. 
    
42.             </span>
    
43. 
    
44.             <span id="show_pm_span">
    
45. 
    
46.                 <a rel="show_pm" title="查看虫友摄影" href="javascript:;" onclick="switch_daxiuchang('show_pm');">晾风景</a>
    
47. 
    
48.             </span>
    
49. 
    
50.         </dt>
    
51. 
    
52.         <dd id="threadadd_show" class="show_version show_am" onmouseover="clearInterval(dsc_st);" onmouseout="dsc_st = setInterval(switch_daxiuchang_auto, 5000);">
    
53. 
    
54.             <ul class="show_am"><!--[diy=diy20]--><div id="diy20" class="area"></div><!--[/diy]--></ul>
    
55. 
    
56.             <ul class="show_pm"><!--[diy=diy21]--><div id="diy21" class="area"></div><!--[/diy]--></ul>
    
57. 
    
58.         </dd>
    
59. 
    
60.     </dl>
    
61. 
    
62. 
    
63. </div>
    
64. 
    
65. </div>

复制代码

然后往CSS文件里加入以下CSS值

1. .showvision {height:130px;}
   
2. 
   
3. .show {margin-bottom:10px;overflow:hidden;}
   
4. 
   
5. .threadadd {background:none repeat scroll 0 0 #EBF2D7;font:100 12px Simsun,Arial;overflow:hidden;padding:3px;width:955px;}
   
6. 
   
7. .show h3 {background-position:-96px 3px;}
   
8. 
   
9. .show h4 {background-position:-96px 3px;}
   
10. 
    
11. .threadadd h3 {background-image:url("http://www.xmcong.com/image/bg_threaduseroption.png");background-repeat:no-repeat;float:left;height:100px;overflow:hidden;padding
    
12. 
    
13. 
    
14. -left:35px;width:0;}
    
15. 
    
16. .threadadd h4 {background:transparent url("http://www.xmcong.com/image/bg_threaduseroption.png") no-repeat scroll -160px
    
17. 
    
18. 0;float:left;height:100px;overflow:hidden;padding-left:35px;width:0;}
    
19. 
    
20. .threadadd_main {background:none repeat scroll 0 0 #FFFFFF;float:right;overflow:hidden;position:relative;width:920px;z-index:0;}
    
21. 
    
22. .changegroup {height:126px;overflow:hidden;position:absolute;right:2px;top:2px;width:24px;
    
23. 
    
24. z-index:1;}
    
25. 
    
26. .changegroup span {float:left;margin-bottom:2px;overflow:hidden;padding-left:4px;width:20px;}
    
27. 
    
28. .changegroup .threadadd_active {background:url("http://www.xmcong.com/image/bg_threaduseroption.png") no-repeat scroll -134px 0 transparent;}
    
29. 
    
30. .changegroup span {float:left;margin-bottom:2px;overflow:hidden;padding-left:4px;width:20px;}
    
31. 
    
32. .changegroup a, .changegroup a:visited, .changegroup a:hover {color:#334F67;text-decoration:none;}
    
33. 
    
34. .changegroup a {background:none repeat scroll 0 0 #EFEFEF;display:block;height:51px;overflow:hidden;padding:11px 4px 0;width:12px;}
    
35. 
    
36. .threadadd_main a, .threadadd_main a:visited {color:#666666;}
    
37. 
    
38. .threadadd_active a, .threadadd_active a:visited {background:none repeat scroll 0 0 transparent;color:#8FA624;}
    
39. 
    
40. .changegroup a, .changegroup a:visited, .changegroup a:hover {color:#334F67;text-decoration:none;}
    
41. 
    
42. .changegroup a {background:none repeat scroll 0 0 #EFEFEF;display:block;height:51px;overflow:hidden;padding:11px 4px 0;width:12px;}
    
43. 
    
44. .threadadd_main a, .threadadd_main a:visited {color:#666666;}
    
45. 
    
46. #threadadd_show {text-align:left;}
    
47. 
    
48. .show_version {height:122px;overflow:hidden;padding:6px 20px 2px 2px;position:relative;z-index:0;}
    
49. 
    
50. .show_am .show_pm, .show_pm .show_am, .gossip_am .gossip_pm, .gossip_pm .gossip_am {visibility:hidden;}
    
51. 
    
52. .show_am .show_am, .show_pm .show_pm, .gossip_am .gossip_am, .gossip_pm .gossip_pm {visibility:visible;}
    
53. 
    
54. .show_version ul {height:123px;overflow:hidden;position:absolute;width:900px;}

复制代码

完成以上操作即可实现以下效果了

装好即可直接在前台操作DIY了，宽度960PX测试完整无误，本帖只做分享不带协助解决或回答的义务，有需要的朋友可以装上看看。

大大乔侨

这资源我收了！谢谢楼主！
Discuz扩展中心 一切皆有可能

L@ge_撂哥

那个CSS文件在哪~？

jackxx

有点看不明白