首页/编程/文章阅读

指定div悬浮跟随的JS代码,侧边栏跟随鼠标浮动的效果

编程 2021-07-16 24 0
有的时候侧边栏很短,而文章又很长,这时候用悬浮跟随就比较好看了,不会出现光秃秃的左侧内容。所以,用这个代码绝对好。 也可以把侧边栏的广告内容圈起来,用户往下拉广告跟着跑,能大大增加曝光率,让广告位也更值钱。

引用代码:

// 侧边悬停代码
<script type="text/javascript" src="/static/wenxue/xuanfu.js"></script>
<script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery('.nikanwo').theiaStickySidebar({
                // Settings
                additionalMarginTop: 0
            });
        });
</script>
放到你网站的页脚就行,别放在页眉,因为随便放哪儿都是可以的。之后在你需要悬停的位置用一个class包起来,无论是div还是span都可以。它的值是 .nikanwo,你也可以自己修改。

完整代码:

打开网址 https://i1.a.zyooo.com/2021/2863cdd42146f.js  自己保存到本地就行了。改个名字,要和上面引用的对应起来。

实例演示:

指定div悬浮跟随的JS代码,侧边栏跟随鼠标浮动的效果 图片很大,目前用京东图床,再记录几个其他源,害怕文件失效。 [reply] https://i1.a.zyooo.com/2021/542aee7149234.gif https://s.pc.qq.com/tousu/img/20210716/7063308_1626414829.jpg https://img04.sogoucdn.com/app/a/100540022/2021071613545998323827.gif [/reply]

正文结束

thinkphp6修改栏目分页url地址为伪静态简单轻便小巧的windows电脑gif录制工具

评论区

还没有评论,来坐沙发吧。