一、
在HTML页面内实现通过超链接将页面跳转至同一页面的不同部分的方法:
实例代码如下:
<
DIV
class
="menulist_2"
>
< UL >
< LI > < A class ="menulist_select" HREF ="#1" >个人信息 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#2" >学历、学校 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#3" >语言能力 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#4" >奖励、活动 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#5" >IT技能爱好 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#6" >项目经验 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#7" >实习经验 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#8" >上传文件 </A> </LI>
</UL>
</DIV>
< UL >
< LI > < A class ="menulist_select" HREF ="#1" >个人信息 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#2" >学历、学校 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#3" >语言能力 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#4" >奖励、活动 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#5" >IT技能爱好 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#6" >项目经验 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#7" >实习经验 </A> </LI>
< LI > < A class ="menulist_select" HREF ="#8" >上传文件 </A> </LI>
</UL>
</DIV>
这是一个典型的菜单列表,其中每个菜单项都添加了一个超链接。而与之相对应的页面代码如下:
<
td
height
="28"
class
="color13_a"
colspan
="3"
>
<
a
name
="1"
>
</a>个人信息
</td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="2" > </a>学历、学校 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="3" > </a>语言能力 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="4" > </a>奖励、活动 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="5" > </a>IT技能爱好 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="6" > </a>项目经验 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="7" > </a>实习经验 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="8" > </a>上传文件 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="2" > </a>学历、学校 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="3" > </a>语言能力 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="4" > </a>奖励、活动 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="5" > </a>IT技能爱好 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="6" > </a>项目经验 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="7" > </a>实习经验 </td>
……
< td height ="28" class ="color13_a" colspan ="1" > < a name ="8" > </a>上传文件 </td>
二、 toTop的实现
当浏览国外较为专业的站点时,在web页面都提供了便捷的"TOP"链接,也就是回到页面最上面的部分。但是我相信很少人会留意它的是实现,其实这个实现真的很简单☺
代码如下:
<
td
align
="right"
class
="link"
style
="padding-right:10px"
>
<
a
href
="#"
>TOP
</a>
</td>
如果不关心页面格式的话,实际上就一句简单的代码<a href="#">TOP</a></td>
这句简单的代码是指将页面重定位至本页,也就是回到了页面开头的部分。
转载于:https://blog.51cto.com/zorro/707991