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

 时间:2026-05-06 00:24:45

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

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

2、第二步:在<body>标记前加入如下代码,推荐加在主题footer.php文件<body>标记前。<script>$.fn.smartFloat = 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>至此,完成。

  • 如何制作四面视频
  • 易语言 取字节集图片宽度高度 不用api 非模块
  • mysql limit用法
  • 中药生地黄的介绍
  • 华为手表天然红宝石款保养方法
  • 热门搜索
    麦本本笔记本怎么样 销售成本怎么算 灵芝怎么吃效果最好 完成率怎么算 爱玛特净水器怎么样 笛梵洗发水怎么样 关节积液怎么治疗 怎么缩小鼻翼 发高烧怎么办 瘊子是怎么形成的