右侧滑动悬浮【jquery】

这段代码展示了如何使用jQuery实现右侧滑动悬浮效果。当鼠标悬停在导航菜单的特定链接上时,链接的宽度会增加并显示图标。同时,还包括了返回顶部和返回底部的功能,这些按钮会根据页面滚动位置进行显示和隐藏。点击返回顶部和底部的按钮,页面会平滑滚动到相应位置。
摘要由CSDN通过智能技术生成

/*====右侧滑动悬浮*/
$(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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

闪光网

闪光网文章

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值