博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
两侧跟随广告
阅读量:5056 次
发布时间:2019-06-12

本文共 709 字,大约阅读时间需要 2 分钟。

两侧跟随广告

思路:当鼠标滚动的时候左右两边广告跟着滚动

html

1   
2

css

1 .left,.right{ 2             position: absolute; 3             top:80px; 4         } 5         .left{ 6             left: 0; 7         } 8         .right{ 9             right: 0;10         }

jquery

1   $(function(){2             $(window).scroll(function () {3                 var top = $(document).scrollTop();4                 $(".left").stop().animate({"top" : top + 50},600);5                 $(".right").stop().animate({"top" : top + 50},600);6                 7                 // $(".left,.right").stop().animate({"top" : top + 50},600);8             });9         });

 

转载于:https://www.cnblogs.com/caixiufang/p/6750302.html

你可能感兴趣的文章
构建之法--探索篇(二)
查看>>
浅析软件开发的3个层次
查看>>
【1】
查看>>
perl中如何将按hash值排序
查看>>
铁乐学python_Day44_IO多路复用
查看>>
mysql check约束无效
查看>>
自然语言也支持泛型
查看>>
Chart
查看>>
查看版本信息的命令
查看>>
安装 SQLManagementStudio_x86_CHS(SQL Server Management Studio) 老提示重启的解决办法
查看>>
asp.net要验证的用户名和密码
查看>>
你的pip是时候出问题了吧
查看>>
notepad++ 快捷键
查看>>
hive 空值、NULL判断
查看>>
Django--Ajax 提交
查看>>
ASP.NET Web API 2基于令牌的身份验证
查看>>
接口测试系列:工作中所用(七:BSTestRunner.py 生成测试报告)
查看>>
用Android-X86和VirtualBox打造高性能Android开发环境
查看>>
canvas绘制五角星
查看>>
mvc5 @RenderSection("scripts", required: false) 什么意思
查看>>