首页 > 科技 > HTML+CSS入门 如何点击跳转到页面指定位置

HTML+CSS入门 如何点击跳转到页面指定位置

本篇教程介绍了HTML+CSS入门 如何点击跳转到页面指定位置,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门。

<

最简单的一种:

设置a标签的锚点就行啦,但是有个确定链接会更改,不利于刷新

第二种方法是根据animate的方法来移动

animate(params, [duration], [easing], [callback])

创建自定义动画,注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left.

例子:

// 在一个动画中同时应用三种类型的效果

$("#go").click(function(){

$("#block").animate({

width: "90%",

height: "100%",

fontSize: "10em", //驼峰

borderWidth: 10

}, 1000 );

});

将上面的html中的a标签去掉#toc0

js代码

$(".aaa").click(function () {

$('html,body').animate({

scrollTop:$(".aaa1").offset().top},{duration:500,easing:'swing'});

return false;

})

以上总结的两种是常用且兼容比较好的,较为简单的

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.souzhinan.com/kj/95706.html