分享一个广播台

右上角带轮播的~~~不错！！！分享  代码在二楼

1. <script type="text/javascript" src="static/image/目录/retTop.js"></script>
   
2. <style type="text/css">
   
3. /*广播台*/
   
4. .radio{height:140px;border:1px solid #a6cbe7;background:#fff url(static/image/目录/bbsradio.png) left center no-repeat;min-width:800px;overflow:hidden;}
   
5. .radioDl{padding:0 0 0 580px;margin:0;}
   
6. .radioDl dt{margin:0 0 0 -540px;padding:0;}
   
7. .radioDl dt .div{float:left;padding:13px 0 0 10px;}
   
8. .radioDl dt .div p{ text-align:center;line-height:25px;}
   
9. .radioUl {padding:7px 5px 0;}
   
10. .radioUl li{line-height:24px;height:24px;font-size:12px;overflow:hidden;}
    
11. .radioBg .view-hover,.radioBg .view-current{min-height:135px;_height:135px;}
    
12. .radio a {
    
13.     color: #666666;
    
14. }
    
15. .radio a:hover {
    
16.     color: #106AA9;
    
17.     text-decoration: underline;
    
18. }
    
19. .radio {
    
20.     background: url(static/image/目录/boardcast_bg.jpg) repeat-x scroll 0 0 transparent;
    
21. }
    
22. .radio {
    
23.     background-color: #FFFFFF;
    
24.     border: 0 none;
    
25.     height: 176px;
    
26.     margin-top: 8px;
    
27.     overflow: hidden;
    
28.     padding-bottom: 7px;
    
29.     width: 960px;
    
30. }
    
31. .radio #broadcast_hd {
    
32.     background: url(static/image/目录/broadcast.jpg) no-repeat scroll 20px 0 transparent;
    
33.     display: inline;
    
34.     float: left;
    
35.     height: 30px;
    
36.     margin-bottom: 3px;
    
37.     overflow: hidden;
    
38.     width: 960px;
    
39. }
    
40. #weather {
    
41.     float: right;
    
42.     margin-right: 15px;
    
43. }
    
44. #weather span {
    
45.     text-align: right;
    
46. }
    
47. #weather #forummarqueebox0 {
    
48.     margin-top: 0;
    
49. }
    
50. #weather {
    
51.     display: inline;
    
52.     margin-left: 8px;
    
53.     margin-top: 6px;
    
54.     overflow: hidden;
    
55.     width: 400px;
    
56. }
    
57. #forummarqueebox0 {
    
58.     display: inline;
    
59.     float: left;
    
60.     height: 18px;
    
61.     line-height: 18px;
    
62.     margin-top: 5px;
    
63.     overflow: hidden;
    
64.     width: 400px;
    
65. }
    
66. #forummarqueebox0 span {
    
67.     float: left;
    
68.     height: 18px;
    
69.     line-height: 18px;
    
70.     width: 400px;
    
71. }
    
72. #forummarqueebox0 .b_zd_user {
    
73.     color: #ED239B;
    
74. }
    
75. #forummarqueebox0 .b_zd_topic {
    
76.     color: #333333;
    
77.     margin-left: 6px;
    
78. }
    
79. #forummarqueebox0 .b_zd_answer {
    
80.     color: #ED5760;
    
81.     margin-left: 6px;
    
82.     text-decoration: underline;
    
83. }
    
84. #m_head_bbs_search {
    
85.     margin-right: 60px;
    
86.     margin-top: 5px;
    
87. }
    
88. .m_fr {
    
89.     display: inline;
    
90.     float: right;
    
91. }
    
92. .radio .img_list {
    
93.     border-right: 1px solid #CCCCCC;
    
94.     float: left;
    
95.     margin-top: 2px;
    
96.     padding-left: 0;
    
97.     width: 62%;
    
98. }
    
99. .radio .txt_list {
    
100.     float: left;
     
101.     margin-right: 0;
     
102.     width: 37%;
     
103. }
     
104. .radio .img_list .div {
     
105.     float: left;
     
106.     height: 128px;
     
107.     overflow: hidden;
     
108.     padding-left: 15px;
     
109.     padding-top: 5px;
     
110.     text-align: center;
     
111.     width: 128px;
     
112. }
     
113. .radio .img_list .div img {
     
114.     border: 2px solid #EBEBEB;
     
115.     height: 100px;
     
116.     width: 120px;
     
117. }
     
118. .radio .img_list .div p {
     
119.     line-height: 25px;
     
120.     text-align: center;
     
121. }
     
122. .radioUl {
     
123.     padding: 7px 5px 0;
     
124. }
     
125. .radioUl li {
     
126.     font-family: '宋体';
     
127.     font-size: 14px;
     
128.     height: 24px;
     
129.     line-height: 24px;
     
130.     overflow: hidden;
     
131.     text-indent: 5px;
     
132. }
     
133. .radioBg .view-hover, .radioBg .view-current {
     
134.     min-height: 135px;
     
135. }
     
136. 
     
137. #pt {
     
138.     background: none repeat scroll 0 0 #F5FAFE;
     
139.     border: 1px solid #C1D8EA;
     
140.     height: 29px;
     
141.     line-height: 29px;
     
142.     margin: 2px 0 5px;
     
143. }
     
144. </style>
     
145. <div class="radio mb10">
     
146. <div id="broadcast_hd">
     
147. <div class="m_fl" id="weather">
     
148. <!--[diy=radio1]--><div id="radio1" class="area"></div><!--[/diy]-->
     
149. </div>
     
150. </div>
     
151. <div class="cc radioBg">
     
152. <ul>
     
153. <li class="img_list">
     
154. <!--[diy=radio2]--><div id="radio2" class="area"></div><!--[/diy]-->
     
155. </li>
     
156. <li class="txt_list">
     
157. <ul class="radioUl">
     
158. <!--[diy=radio3]--><div id="radio3" class="area"></div><!--[/diy]-->
     
159. </ul>
     
160. </li>
     
161. </ul>
     
162. </div>
     
163. </div>

复制代码

JS代码

1. function forumstartmarquee(lh,speed,delay,index)
   
2. {
   
3.     var t;
   
4.     var p=false;
   
5.     var o=document.getElementById("forummarqueebox"+index);
   
6.     o.innerHTML+=o.innerHTML;
   
7.     o.onmouseover=function(){
   
8.         p=true;
   
9.     }
   
10.     o.onmouseout=function(){
    
11.         p=false;
    
12.     }
    
13.     o.scrollTop = 0;
    
14.     function start(){
    
15.         t=setInterval(scrolling,speed);
    
16.         if(!p)
    
17.             o.scrollTop += 2;
    
18.     }
    
19.     function scrolling(){
    
20.         if(o.scrollTop%lh!=0){
    
21.             o.scrollTop += 2;
    
22.             if(o.scrollTop>=o.scrollHeight/2)
    
23.                 o.scrollTop = 0;
    
24.         }else{
    
25.             clearInterval(t);
    
26.             setTimeout(start,delay);
    
27.         }
    
28.     }
    
29.     setTimeout(start,delay);
    
30. }
    

复制代码

代码在那里啊？

urs2 发表于 2011-11-9 14:39
代码在那里啊？

在楼上

kfish 发表于 2011-11-9 14:42
在楼上

他是问怎么用这个代码？

小灰木头兔 发表于 2011-11-9 14:45
他是问怎么用这个代码？

viewthread.htm 插入到第二行下面

NICE.前排啊www.toou.me

kfish 发表于 2011-11-9 14:46
viewthread.htm 插入到第二行下面

明白~~

搞个懒人包让我们覆盖下啊。