简单的QQ分类下拉功能模仿
2011-09-19 21:39
253 查看
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <link href="Css/Css.css" rel="stylesheet" type="text/css" /> <script src="Js/jquery-1.6.2.js" type="text/javascript"></script> <script src="Js/TestJs.js" type="text/javascript"></script> <title></title> </head> <body> <ul id="qq" style="width:100px;"> <li>我的好友</li> <li>张三<br />李四<br /></li> <li>我的同学</li> <li>拉登<br />小泉<br /></li> <li>陌生人</li> <li>我我我<br />你你你<br /></li> </ul> </body> </html> <script type="text/javascript"> $(function () { $("#qq li:odd").addClass("body"); $("#qq li:even").addClass("header").click(function () { $(this).next("li.body").show("slow").siblings("li.body").hide("slow"); }); }); </script>
相关文章推荐
- [置顶] 仿qq实现的记住密码和下拉框功能,简单易懂,还有背景炫酷的登录背景动画功能还有扫码
- ios-day08-01(模仿QQ聊天界面。ios通知的使用(对键盘状态的监听)、枚举和分类的使用、拉伸图片、计算文本字符串的尺寸
- 简单的实现QQ通信功能(五)
- 模仿QQ侧滑样式,借鉴了张鸿洋的最简单侧滑
- 模仿QQ空间的下拉更新的功能实现
- Android ExpandableListView简单使用(一)之仿QQ添加分组功能
- Spinner的简单功能和用法(下拉选项框)
- [转-qq_34531925]Webuploader教程(一)——简单实用上传功能
- ecshop商品子分类点击下拉,子分类空时,直接跳转功能
- qq 号码简单分类
- ios 简单模仿随便走的AR功能(原理)
- TCP编程——最简单的QQ通话功能
- C#模仿QQ截图功能
- C#模仿QQ截图功能
- Android模仿QQ的左右滑动切换界面和下拉更新的效果
- RichTextBox与NotifyIcon简单模仿QQ效果
- Qt 之 模仿 QQ登陆界面——功能篇(一)
- 仿QQ个人信息详情界面中背景图的下拉扩展放大功能
- Qt 之 模仿 QQ登陆界面——功能篇(一)
- 使用JavaScript完成最简单加密解密和模仿QQ的窗口抖动效果