简单的用jquery仿a锚点连接的效果资源-CSDN文库

共5个文件

js：2个

css：2个

html：1个

jquery

a锚点连接

需积分: 23 108 浏览量 2014-12-09 10:03:25 上传评论收藏 34KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery_锚点连接效果.rar （5个子文件）

jquery

jquery-1.6.2.min.js 89KB

requirement.js 261B

css

reset.css 2KB

requirement.css 3KB

index.html 10KB

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="this is my page"> <link href="css/reset.css" rel="stylesheet" type="text/css"> <link href="css/requirement.css" rel="stylesheet" type="text/css"> <script src="jquery/jquery-1.6.2.min.js"></script> <script src="jquery/requirement.js"></script> </head> <body> <div class="user-right-box" style="width:950px;margin: 0px auto;margin-top:10px;"> <h4 style="margin:0px;passing:0px;">类似于锚点连接的效果</h4> <div class="require_top"> <div class="re_t" catid="0" style="background:#f8659c;"> 服装内衣 </div> <div class="re_t" catid="1" style="background:#dd3336;"> 鞋包配饰 </div> <div class="re_t" catid="2" style="background:#9db5b5;"> 运动户外 </div> <div class="re_t" catid="3" style="background:#1b78fb;"> 珠宝手表 </div> <div class="re_t" catid="4" style="background:#436c9a"> 手机数码 </div> <div class="re_t" catid="5" style="background:#1a78ff"> 家电办公 </div> <div class="re_t" catid="6" style="background:#f44321"> 护肤彩妆 </div> <div class="re_t" style="margin-right:0px;background:#9965f6;" catid="7"> 母婴用品 </div> <div class="re_t" catid="8" style="background:#f5649b"> 家纺居家 </div> <div class="re_t" catid="9" style="background:#faa33c"> 家居建材 </div> <div class="re_t" catid="10" style="background:#36c6eb"> 美食特产 </div> <div class="re_t" catid="11" style="background:#9bcf50;"> 日用百货 </div> <div class="re_t" catid="12" style="background:#ff5b31;"> 汽车摩托 </div> <div class="re_t" catid="13" style="background:#fea42c;"> 文化娱乐 </div> <div class="re_t" catid="14" style="background:#ff7d33;"> 本地生活 </div> <div class="re_t" style="margin-right:0px;background:#5d82d2;" catid="15"> 虚拟服务 </div> <div class="clear"></div> </div>  <div class="require_bottom">  <div> <div class="require_b_t" catid="0"> 服装内衣 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_0" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="0">1背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="1"> 鞋包配饰 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_1" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="15">2背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="2"> 运动户外 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_2" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="16">2背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="3"> 珠宝手表 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_3" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="17">2背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="4"> 手机数码 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_4" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="18">2背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="5"> 家电办公 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_5" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="19">2背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="6"> 护肤彩妆 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_6" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="20">2背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="7"> 母婴用品 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_7" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="21">2背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="8"> 家纺居家 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_8" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="22">2背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="9"> 家居建材 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_9" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="23">2背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="10"> 美食特产 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_10" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="24">2背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="11"> 日用百货 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_11" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="25">2背心/马甲</a> </li> </ul> </div> <div class="clear"></div> </div> </div>  <div> <div class="require_b_t" catid="12"> 汽车摩托 </div> <div class="require_b_c"> <div class="require_b_cl r_b_c_12" tipID="0"> <span>男装</span> </div> <div class="require_b_cr"> <ul> <li> <a href="javascript:;" itemID="26">2背心/马甲</a> </li> </ul>

评论收藏

内容反馈