jq锚点动作加返回顶部

来源：互联网发布：web后端性能优化编辑：程序博客网时间：2024/06/14 01:26
 <!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>锚点</title></head><body>.botton div{cursor:pointer; float:left;}<div class="botton" style="width:1000px; margin:0px auto; padding:3px; border:#000 5px solid; position:fixed; top:0px; left:200px; z-index:11 "><div style="width:100px; height:20px; background:#909;" onclick="maodian('c909')"></div>    <div style="width:100px; height:20px; background:#F00;" onclick="maodian('cF00')"></div>    <div style="width:100px; height:20px; background:#0F6;" onclick="maodian('c0F6')"></div>    <div style="width:100px; height:20px; background:#F90;" onclick="maodian('cF90')"></div>    <div style="width:100px; height:20px; background:#F90;" onclick="maodian('',100)">回顶部</div></div><div id="c909" style="border:5px solid #909; height:2000px; position:relative;">1</div><div id="cF00" style="border:5px solid #F00; height:2000px; position:relative;">2</div><div id="c0F6" style="border:5px solid #0F6; height:2000px; position:relative;">3</div><div id="cF90" style="border:5px solid #F90; height:2000px; position:relative;">4</div></body></html>
0 0