/*====右侧滑动悬浮*/
$(document).ready(function() {
/*右侧滑动*/
$('#qianqi ul li a').not('#back-to-top,#back-to-bot,#qianqi ul li a:eq(1)').on('mouseover', function() {
$(this).stop().animate({
"width": "75px"
}, 100).find('i').stop().fadeIn();
}).on('mouseout', function() {
$(this).stop().animate({
"width": "36px"
}, 200).find('i').stop().fadeOut();;
});
$('#qianqi ul li:eq(2)').addClass('pl_showa');
$('.pl_showa a').on('mouseover', function() {
$(this).children('s
右侧滑动悬浮【jquery】
这段代码展示了如何使用jQuery实现右侧滑动悬浮效果。当鼠标悬停在导航菜单的特定链接上时,链接的宽度会增加并显示图标。同时,还包括了返回顶部和返回底部的功能,这些按钮会根据页面滚动位置进行显示和隐藏。点击返回顶部和底部的按钮,页面会平滑滚动到相应位置。
摘要由CSDN通过智能技术生成