指定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]
引用代码:
// 侧边悬停代码
<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 自己保存到本地就行了。改个名字,要和上面引用的对应起来。实例演示:
图片很大,目前用京东图床,再记录几个其他源,害怕文件失效。 [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]正文结束
还没有评论,来坐沙发吧。