网站或博客侧边栏广告跟随固定浮动效果的方法

2025-04-21 17:29:16

1、第一步：引入jquery.min.js，如果已经引入，则不必重复引入。在主题header文件中添加如下代码：

2、第二步：在<body>标记前加入如下代码，推荐加在主题footer.php文件争犸禀淫<body>标记前。<script>$.fn.smartFl泠贾高框oat = function() {var position = function(element) {var top = element.position().top, pos = element.css("position");$(window).scroll(function() {var scrolls = $(this).scrollTop();if (scrolls > top) {if (window.XMLHttpRequest) {element.css({position: "fixed",top: 0});} else {element.css({top: scrolls});}}else {element.css({position: pos,top: top});}});};return $(this).each(function() {position($(this));});};//绑定$("#float").smartFloat();< /script>

3、第三步：打开主题侧边栏文件，织梦的话就是文章页模板问件，把你想要跟随浮动的层添加id=float属性，大家可以参考如下代码：<div class="float" id="float">< h3>赞助商广告</h3>广告代码< /div>至此，完成。

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。