如何在 Windows Server 2003 中配置权威时间服务器
2008-03-31 17:25
507 查看
晚上闲来无事于是做了一个类似于百度的分页效果
效果图:基于jquery的一个效果。www.dayday28.com
本文由http://www.lep.ccoo.cn/ 乐平在线整理发布
效果图:基于jquery的一个效果。www.dayday28.com
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
02 | <html xmlns="http://www.w3.org/1999/xhtml"> |
03 | <head> |
04 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
05 | <title>无标题文档</title> |
06 | <script src=\'#\'" //ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script> |
07 | <style type="text/css"> |
08 | .page{padding:100px 0;zoom:1} |
09 | .page:after{content:"";display:block;height:0;clear:both;visibility:hidden;} |
10 | .page span{position:relative;margin:0 2px;border:solid 1px#ccc;float:left;} |
11 | .page span a{padding:2px 5px;cursor:pointer;} |
12 | .page span i{display:block;height:10px;width:10px;background:#ccc;border-radius:50%;position:absolute;left:50%;top:-20px;margin-left:-5px;} |
13 | .page span i.active_i{background:red;} |
14 | </style> |
15 | <script type="text/javascript"> |
16 | $(document).ready(function(){ |
17 | function pageStyle(obj,even,bg,active_bg){ |
18 | /*参数说明: |
19 | obj为所有奇数元素 |
20 | even当前所要点击触发事件 |
21 | bg为足迹元素 |
22 | active_bg为点击后的足迹背景 |
23 | 2012-9-2 |
24 | 作者:zoowar |
25 | Email:zoowar@qq.com |
26 | 博客:www.dayday28.com |
27 | */ |
28 | $(obj).css("top","-30px"); |
29 | $(even).click(function(){ |
30 | $(this).siblings(bg).addClass(active_bg).parent().siblings().find(bg).removeClass(active_bg); |
31 | }) |
32 | } |
33 | pageStyle(".page i:even",".page a","i","active_i"); |
34 | }) |
35 | </script> |
36 | </head> |
37 |
38 | <body> |
39 | <div class="page"> |
40 | <span><a>上一页</a></span> |
41 | <span><a>1</a><i class="active_i"></i></span> |
42 | <span><a>2</a><i></i></span> |
43 | <span><a>3</a><i></i></span> |
44 | <span><a>4</a><i></i></span> |
45 | <span><a>5</a><i></i></span> |
46 | <span><a>5</a><i></i></span> |
47 | <span><a>6</a><i></i></span> |
48 | <span><a>7</a><i></i></span> |
49 | <span><a>8</a><i></i></span> |
50 | <span><a>9</a><i></i></span> |
51 | <span><a>下一页</a></span> |
52 | </div> |
53 | </body> |
相关文章推荐
- 如何在 Windows Server 2003 中配置权威时间服务器
- 如何在Windows Server 2003中配置权威时间服务器
- 如何在 Windows Server 2003 中配置权威时间服务器
- 如何在 Windows Server 2003 中配置权威时间服务器
- 如何在 Windows Server 2003 中配置权威时间服务器
- 如何在 Windows Server 2003 中配置权威时间服务器
- 如何在 Windows Server 2003 中配置权威时间服务器
- 如何在 Windows Server 中配置权威时间服务器
- 如何在 Windows Server 中配置权威时间服务器
- 如何在 Windows Server 中配置权威时间服务器
- 为Windows Server 2003配置权威的时间服务器
- windows server 2003 配置时间服务器两种方法总结
- 在 Windows Server 2003 上的 IIS 6.0 中使用 IIS 5 隔离模式时,如何为 ASP.NET 1.1 的 ASPNET 帐户配置进程标识
- 在 Windows Server 2003 企业服务器中如何配置 IPv6 协议
- 如何在windows server 2003系统里配置DCOM权限!
- iis如何配置php windows server 2003中iis支持php配置(部署攻略)
- 如何在 Windows Server 2003 中配置 IIS 网站身份验证
- 如何在 Windows Server 2003 中配置 Internet 打印
- Windows server 2003下如何配置打印共享
- 如何在 Windows XP 中配置权威时间服务器(microsoft.com复制留作备份)