本篇教程介绍了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
赞 (189)
打赏 微信扫一扫
这款iPhone一天卖出160000台,再等一周,价格更香
« 上一篇2019-09-06 19:18:40
何刚:全球2亿销量!华为畅享10 Plus正式发布
下一篇 »2019-09-06 19:18:42