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

代码编程 Loading... 阅读

有的时候侧边栏很短,而文章又很长,这时候用悬浮跟随就比较好看了,不会出现光秃秃的左侧内容。所以,用这个代码绝对好。

也可以把侧边栏的广告内容圈起来,用户往下拉广告跟着跑,能大大增加曝光率,让广告位也更值钱。

引用代码:

// 侧边悬停代码
<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://img.slhq.cn/2021/2863cdd42146f.js  自己保存到本地就行了。改个名字,要和上面引用的对应起来。

实例演示:

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

图片很大,目前用京东图床,再记录几个其他源,害怕文件失效。

此部分已被隐藏

发表评论刷新页面后方可查看

Tags:

版权声明:若无特殊注明,本文皆为《书蓝画青》原创,转载务必保留文章来源。

本文链接:指定div悬浮跟随的JS代码,侧边栏跟随鼠标浮动的效果 & https://boke.slhq.cn/1224.html

推荐阅读
发表评论 取消回复
表情 图片 链接 代码

分享