CSS+JS实现很流行的用户列表代码
2009-10-13 17:14
330 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5<title>CSS+JS实现很流行的用户列表代码 - www.webdm.cn</title>
6</script>
42</style>
160</head>
161<body>
162<div class="door_container">
163 <div class="TabTitle">
164 <ul id="myTab">
165 <li class="active" onmouseover=nTabs(this,0);>活跃网友</li>
166 <li class="normal" onmouseover=nTabs(this,1);>最新加入</li>
167 </ul>
168 </div>
169 <div class="TabContent">
170 <div id=myTab_Content0>
171 <div class="star">
172 <dl id=a1 onmouseover=show_king_list(this,1);>
173 <dt class="sl01">01</dt>
174 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
175 <dd class="sl03"><a href="#">网页代码站</a></dd>
176 <dd class="sl04">26岁·河南 郑州</dd>
177 <dd class="sl05">人气:5236</dd>
178 </dl>
179 <dl class=bg id=a2 onmouseover=show_king_list(this,2);>
180 <dt class="sl01">01</dt>
181 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
182 <dd class="sl03"><a href="#">网页代码站</a></dd>
183 <dd class="sl04">26岁·河南 郑州</dd>
184 <dd class="sl05">人气:5236</dd>
185 </dl>
186 <dl class=bg id=a7 onmouseover=show_king_list(this,7);>
187 <dt class="sl01">01</dt>
188 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
189 <dd class="sl03"><a href="#">源码爱好者</a></dd>
190 <dd class="sl04">26岁·河南 郑州</dd>
191 <dd class="sl05">人气:5236</dd>
192 </dl>
193 <dl class=bg id=a10 onmouseover=show_king_list(this,10);>
194 <dt class="sl01">01</dt>
195 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
196 <dd class="sl03"><a href="#">网页代码站</a></dd>
197 <dd class="sl04">26岁·河南 郑州</dd>
198 <dd class="sl05">人气:5236</dd>
199 </dl>
200 </div>
201 </div>
202 <div class="none" id=myTab_Content1>
203 <div class="star">
204 <dl id=b1 onmouseover=show_kinga_list(this,1);>
205 <dt class="sl01">01</dt>
206 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/1/122/751/1227510.gif" alt="" /></a></dt>
207 <dd class="sl03"><a href="#">我心永恒</a></dd>
208 <dd class="sl04">26岁·河南 郑州</dd>
209 <dd class="sl05">人气:5236</dd>
210 </dl>
211 <dl class=bg id=b4 onmouseover=show_kinga_list(this,4);>
212 <dt class="sl01">01</dt>
213 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
214 <dd class="sl03"><a href="#">我心永恒</a></dd>
215 <dd class="sl04">26岁·河南 郑州</dd>
216 <dd class="sl05">人气:5236</dd>
217 </dl>
218 <dl class=bg id=b5 onmouseover=show_kinga_list(this,5);>
219 <dt class="sl01">01</dt>
220 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
221 <dd class="sl03"><a href="#">我心永恒</a></dd>
222 <dd class="sl04">26岁·河南 郑州</dd>
223 <dd class="sl05">人气:5236</dd>
224 </dl>
225 <dl class=bg id=b6 onmouseover=show_kinga_list(this,6);>
226 <dt class="sl01">01</dt>
227 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
228 <dd class="sl03"><a href="#">我心永恒</a></dd>
229 <dd class="sl04"></dd>
230 <dd class="sl05">人气:5236</dd>
231 </dl>
232 </div>
233 </div>
234 </div>
235</div>
236</body>
237</html>
238
239
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5<title>CSS+JS实现很流行的用户列表代码 - www.webdm.cn</title>
6</script>
42</style>
160</head>
161<body>
162<div class="door_container">
163 <div class="TabTitle">
164 <ul id="myTab">
165 <li class="active" onmouseover=nTabs(this,0);>活跃网友</li>
166 <li class="normal" onmouseover=nTabs(this,1);>最新加入</li>
167 </ul>
168 </div>
169 <div class="TabContent">
170 <div id=myTab_Content0>
171 <div class="star">
172 <dl id=a1 onmouseover=show_king_list(this,1);>
173 <dt class="sl01">01</dt>
174 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
175 <dd class="sl03"><a href="#">网页代码站</a></dd>
176 <dd class="sl04">26岁·河南 郑州</dd>
177 <dd class="sl05">人气:5236</dd>
178 </dl>
179 <dl class=bg id=a2 onmouseover=show_king_list(this,2);>
180 <dt class="sl01">01</dt>
181 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
182 <dd class="sl03"><a href="#">网页代码站</a></dd>
183 <dd class="sl04">26岁·河南 郑州</dd>
184 <dd class="sl05">人气:5236</dd>
185 </dl>
186 <dl class=bg id=a7 onmouseover=show_king_list(this,7);>
187 <dt class="sl01">01</dt>
188 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
189 <dd class="sl03"><a href="#">源码爱好者</a></dd>
190 <dd class="sl04">26岁·河南 郑州</dd>
191 <dd class="sl05">人气:5236</dd>
192 </dl>
193 <dl class=bg id=a10 onmouseover=show_king_list(this,10);>
194 <dt class="sl01">01</dt>
195 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
196 <dd class="sl03"><a href="#">网页代码站</a></dd>
197 <dd class="sl04">26岁·河南 郑州</dd>
198 <dd class="sl05">人气:5236</dd>
199 </dl>
200 </div>
201 </div>
202 <div class="none" id=myTab_Content1>
203 <div class="star">
204 <dl id=b1 onmouseover=show_kinga_list(this,1);>
205 <dt class="sl01">01</dt>
206 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/1/122/751/1227510.gif" alt="" /></a></dt>
207 <dd class="sl03"><a href="#">我心永恒</a></dd>
208 <dd class="sl04">26岁·河南 郑州</dd>
209 <dd class="sl05">人气:5236</dd>
210 </dl>
211 <dl class=bg id=b4 onmouseover=show_kinga_list(this,4);>
212 <dt class="sl01">01</dt>
213 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
214 <dd class="sl03"><a href="#">我心永恒</a></dd>
215 <dd class="sl04">26岁·河南 郑州</dd>
216 <dd class="sl05">人气:5236</dd>
217 </dl>
218 <dl class=bg id=b5 onmouseover=show_kinga_list(this,5);>
219 <dt class="sl01">01</dt>
220 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
221 <dd class="sl03"><a href="#">我心永恒</a></dd>
222 <dd class="sl04">26岁·河南 郑州</dd>
223 <dd class="sl05">人气:5236</dd>
224 </dl>
225 <dl class=bg id=b6 onmouseover=show_kinga_list(this,6);>
226 <dt class="sl01">01</dt>
227 <dt class="sl02"><a href="#"><img src="http://reimg.360quan.com/50/50/stretch/d.image.360quan.com/user/6/146/611/1466112.gif" alt="" /></a></dt>
228 <dd class="sl03"><a href="#">我心永恒</a></dd>
229 <dd class="sl04"></dd>
230 <dd class="sl05">人气:5236</dd>
231 </dl>
232 </div>
233 </div>
234 </div>
235</div>
236</body>
237</html>
238
239
相关文章推荐
- css+js实现select列表横向排列效果代码
- js学习入门教程笔记:css+html+js用户注册代码实现
- css+js实现select列表横向排列效果代码
- css+js 实现在后台加载时前端出现等待的圆形图标,或者批量导入时出现等待图标提高用户体验,废话少说直接上代码 <style type="text/css"> body {
- 动态加载js、css的简单实现代码
- JS+CSS实现可展开/收起的QQ在线客服悬浮代码
- 基于JS实现新闻列表无缝向上滚动实例代码
- JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
- js+css实现上下翻页相册代码分享
- select列表内容交换的js实现代码
- select列表内容交换的js实现代码
- js简单实现用户注册信息的校验代码
- JS实现支持多选的遍历下拉列表代码
- Js+CSS实现的间断和不间断文本滚动代码
- js代码实现根据实际物理地址,进行 URL 跳转,并实现用户自定义 URL 跳转
- JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
- js 操作css实现代码
- JS+CSS实现的经典圆角下拉菜单效果代码
- JS实现支持多选的遍历下拉列表代码