数码资讯
jQuery的动画效果动画和scrollTop使用实例
CSS属性值逐渐改变,从而可以创建动画效果。 只有数值可以创建动画(如保证金:30px )。 字符串值不能创建动画(例如背景色:红色)。 复制代码如下:$(' #上)。Click(function(){ $('html,身体),动画({ scrollTop:'0px},800);}); 上面的代码表
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
CSS属性值逐渐改变,从而可以创建动画效果。
只有数值可以创建动画(如保证金:30px )。
字符串值不能创建动画(例如背景色:红色)。
复制代码如下:$(' #上)。Click(function(){ $('html,身体),动画({ scrollTop:'0px},800);});
上面的代码表示滚动条跳转到0,页面的速度是800。
结合scrollTop实例:
复制代码代码如下所示:
jQuery(文档)Ready(函数($){)
$(#上)。Click(function(){)
('html美元,身体),动画({ scrollTop:'0px},800);
});
$(# COMT)。Click(function(){)
('html美元,身体),动画({ scrollTop:$(' #评论)。偏移()。顶},800);
});
$(#夏)。Click(function(){)
('html美元,身体),动画({ scrollTop:$(' #页脚)。偏移()。顶},800);
});
});
它指示单击相关ID移动到指定位置:
单击id作为Shang元素并返回顶部。
点击ID为COMT的元素,如评论回到ID的位置;
单击id作为元素,然后返回底部;
只有数值可以创建动画(如保证金:30px )。
字符串值不能创建动画(例如背景色:红色)。
复制代码如下:$(' #上)。Click(function(){ $('html,身体),动画({ scrollTop:'0px},800);});
上面的代码表示滚动条跳转到0,页面的速度是800。
结合scrollTop实例:
复制代码代码如下所示:
jQuery(文档)Ready(函数($){)
$(#上)。Click(function(){)
('html美元,身体),动画({ scrollTop:'0px},800);
});
$(# COMT)。Click(function(){)
('html美元,身体),动画({ scrollTop:$(' #评论)。偏移()。顶},800);
});
$(#夏)。Click(function(){)
('html美元,身体),动画({ scrollTop:$(' #页脚)。偏移()。顶},800);
});
});
它指示单击相关ID移动到指定位置:
单击id作为Shang元素并返回顶部。
点击ID为COMT的元素,如评论回到ID的位置;
单击id作为元素,然后返回底部;
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。