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

2021-07-16
314次阅读
没有评论

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

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

引用代码:

// 侧边悬停代码
<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代码,侧边栏跟随鼠标浮动的效果

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

 此处含有隐藏内容,请提交评论并审核通过刷新后即可查看!

正文结束
自由书生
版权声明:本站原创文章,由 自由书生 于2021-07-16发表,共计730字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码