• 全都有综合资源网

    分享赚钱

    一个专业的免费资源网

    每天更新100+优质资源

  • 手机版二维码

    随时手机查素材

  • 扫描二维码

    加入官方微信群

滚动鼠标随着进度条浮动下滑动画效果

技术文章 每日更新
2024-7-17 15:52 73人浏览 0人回复
原作者: 全都有综合资源网 来自: 全都有综合资源网 收藏 分享 邀请
摘要

右边小菜单的固定屏幕右边,鼠标随着进度条从上到下滚动动画效果。codevarsh,wh3,nowlocal;$(window).scroll(function(){//鼠标滚动的时候获取滚动条的距离页面底部的距离sh=$(window).scrollTop();//获取屏幕高度的 ...

 右侧小菜单的牢固屏幕右侧,鼠标随着进度条从上到下转动动画结果。

转动鼠标随着进度条浮动下滑动画结果5629 作者:全都有综合资本网 来历:全都有综合资本网 公布时候:2024-7-17 15:52

javascript layui-box layui-code-view" style="margin-top: 0px; margin-bottom: 10px; padding: 9.5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: pre-wrap; overflow-wrap: break-word; box-sizing: border-box; position: relative; font-size: 13px; border: 1px solid rgb(204, 204, 204); background-color: rgb(245, 245, 245); color: rgb(51, 51, 51); font-family: Menlo, Monaco, Consolas, "Courier New", monospace; overflow: auto; line-height: 1.42857; word-break: break-all; border-radius: 4px;">

code

  1. var sh,wh3,nowlocal;
  2.     $(window).scroll(function(){
  3.             //鼠标转动的时辰获得转动条的间隔页面底部的间隔
  4.         sh = $(window).scrollTop();
  5.         //获得屏幕高度的三分一
  6.         wh3 = $(window).height()/3;
  7.         //转动条的高度+屏幕上边三分之一的间隔=当前的div一向在屏幕间隔窗口上边的位置
  8.         nowlocal = sh + wh3;
  9.         //设备间隔,转动时会有先上去再下来到本来位置的结果
  10.         $('.rbar').animate({top:nowlocal},50);
  11.         if(sh>500){
  12.             $('.rbar ul').fadeIn();
  13.         }else{
  14.             $('.rbar ul').fadeOut();
  15.         }
  16.     });
©版权免责声明
1、本站所有资源均来自用户上传及互联网。 如有侵权,请联系站长!
2、分享目的仅供大家学习交流。 下载后必须在24小时内删除!
3、不得用于非法商业目的或违反国家法律。 否则,后果自负!
4、本站提供的源代码、模板、插件等资源不包含技术服务。 敬请谅解!
5.如果出现无法下载、无效或有广告的链接,请联系管理员寻求帮助!
6、本站资源价格仅用于赞助,所收取的费用仅用于维持本站日常运营!
7、如果遇到加密压缩包,请使用WINRAR解压。 如果遇到无法解压的加密压缩包,请联系管理员!
8、由于精力有限,很多源代码无法详细测试(解密),部分源代码无法区分为病毒或误报,所以没有进行修改。 请在使用前进行筛选。

路过

雷人

握手

鲜花

鸡蛋
热门教程
专业的免费源码资源分享平台
每天更新100+资源

招募版主发工资

  • 官方在线客服

    QQ客服:红颜

    点击交谈

    在线客服:良子

    点击交谈

    在线客服:闵月

    点击交谈
  • 上海市虹口区海伦中心B座4F4055-4056室

  • 手机扫码查看手机版

    手机查找资源更方便

  • 扫一扫关注官方微信公众号

    加入官方微信

一个专业的免费源码资源互联网分享平台 ©2001-2024 https://www.douyouvip.com全都有综合资源网( 豫ICP备2024057239号-1 )赞助会员|网站地图 HTML
全都有综合资源网,WordPress主题PHP源码,PHP网站源码,网站模板,软件源码,网站源码免费下载,免费网站源码,网站源码模板,免费网站源码下载,wp免费源码,wp免费主题下载,PHP企业网站源码,软件源码下载