博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
iOS性能优化/内存优化常用方法
查看>>
51Nod 1421
查看>>
51Nod 1289 大鱼吃小鱼
查看>>
linux ps查进程 kill关闭进程
查看>>
人月神话读后感2
查看>>
JDOM 创建 XML
查看>>
mysql字符串根据指定字符分割
查看>>
腾讯新闻中心首页改版啦
查看>>
hdu 1022 Train Problem I
查看>>
Ubuntu 各版本的几个国内更新源
查看>>
_019_中断系统调用_终端(皆为粗略)
查看>>
datagridview选中一行属性
查看>>
使用repeater实现gridview的功能
查看>>
Java基础:Java抽象类与接口的区别
查看>>
C# winform 类型转换和时间详解
查看>>
排序算法
查看>>
java操作二叉树
查看>>
Properties
查看>>
Java_I/O输入输出_实现读取文件时出现一个表示读取进度的进度条。可以使用java.swing包提供的输入流类ProgressMonitorInputStream...
查看>>
Linux Running State Process ".so"、"code" Injection Technology
查看>>