首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

『教程』首页及文章页滚动广告栏

然后我看到了执念博客的首页广告栏,虽然曝光确实大,但是用户体验极其不好,因为要翻很多广告才能翻到文章,就像这样: 所以我就想到了滚动广告,一个广告的位置,能够显示多条广告 成果展示 首页 文章页...', '介绍:用于设置文章页顶部广告 格式:广告图片 || 跳转链接 (中间使用两个竖杠分隔) 注意:如果您只想显示图片不想跳转,可填写:广告图片...,因为首页广告主题自带了 二、添加滚动广告栏 首页 因为首页已经有广告位了,所以直接替换就行了 将主题 index.php 的以下代码直接替换为新代码 代码位置 新代码 文章页 文章页直接在主题的 post.php 文件内合适的地方加入以下代码 代码位置 代码 <div class="joe_index...首页 首页因为引入了滚动效果,所有不需要设置,会直接调用首页轮播图的滚动效果 但是会根据首页轮播图的滚动方式滚动,效果不太好,暂时没想到比较好的解决方法 文章页 首先在主题的 post.php 文件内

1K30

Android实现图片滚动控件,含页签功能

,滚动到第一个或最后一个元素时将不能再滚动。...* * @param leftMargin * 第一个元素的左偏移值 * @param speed * 滚动的速度,正数说明向右滚动,负数说明向左滚动...之后在onLayout里又动态加入了页签View,有几个图片控件就会加入几个页签,然后根据currentItemIndex来决定高亮显示哪一个页签。...然后手指在图片上滑动,我们可以看到图片滚动的效果: ? 不停的翻页,页签也会跟着一起改变,下图中我们可以看到高亮显示的点是变换的: ? 恩,对比一下客户端的效果,我觉得我们模仿的还是挺好的。...今天的文章就到这里了,有问题的朋友请在下面留言。 源码下载,请点击这里

1.7K100
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    21、分类详情页之better-scroll实现滚动

    better-scroll 是一款重点解决移动端(现已支持 PC 端)各种滚动场景需求的插件; github better-scroll文档 掘金讲解:当 better-scroll 遇见 Vue...因为这个时候,wrapper 的 DOM 已经渲染了,我们可以正确计算它以及它内层 content 的高度,以确保滚动正常。 (2)移植到我们自己的项目中 ① 左侧菜单栏的运用 ?...初始化betterscroll ② 问题 I. 里面item的点击事件失效了? II. 我们不需要下拉时的回弹动画效果。 解决的方法就是添加、修改better-scroll的参数配置: ?...参数配置 (3)为右侧菜单详情栏添加滚动的方法同上,不过多阐述 4、本章总结 主要是better-scroll的一个基本运用,还有一些诸如首页下拉加载之类的运用我们后面用node把服务端写好了再一并解决

    1.8K20

    解决WSL下目录显示绿底的问题

    关于这个背景色的由来,查资料是说因为文件夹的权限是 777,我们知道,Linux 的权限分布是 用户 | 组 | 其他组 三个权限区,每个区都有三种 r | w | x 权限对应着 读 | 写 | 执行 ,因为绿底文件夹的其他组拥有写入的权限....dircolors 就说找到 OTHER_WRITABLE 这一行,把 34;42 改成 34;49 ,再保存就可以了 咳咳,按照这个教程改了之后,我重启了一遍终端,然而并没有什么卵用,还是呈现绿底,...0x02 就在我即将放弃的时候,我突然灵机一动,退出了 zsh ,用 bash 试了一下,发现绿底真就没了,难道是因为 zsh 的原因,害!可能还真是。...那我又去找 Google 搜索了 zsh 改变文件夹绿底的方法,搜了好久搜到了一篇 ,终于把我的问题给解决了,因为 zsh 和 bash 的颜色的逻辑是不相同的,所以要在 bash 里面修改之后再将颜色部分的逻辑拷贝到...84 alias egrep='egrep --color=auto' 85 fi 然后把这些内容给复制到 .zshrc 中,执行更新操作 source .zshrc 就行了,终于把这恶心的绿底给去除了

    92220

    vue里监听页面滚动的问题

    window.screen.width; 屏幕可用工作区高度: window.screen.availHeight; 屏幕可用工作区宽度:window.screen.availWidth; scrollHeight: 获取对象的滚动高度...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...event.clientY 相对文档的垂直座标 event.offsetX 相对容器的水平坐标 event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值...event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量 要获取当前页面的滚动条纵坐标位置,用: document.documentElement.scrollTop

    3.4K40

    刨根究底字符编码之七——ANSI编码与代码页(Code Page)

    后来,或许是出于沿用统一的称呼之目的,有些在当时还并未被ANSI定为标准的代码页,也被微软称之为ANSI代码页,比如CP943代码页。...被称作“Windows代码页”或“ANSI代码页”。...例如,UTF-8在IBM称作代码页1208,在微软称作代码页65001,在SAP称作代码页4110;Windows使用936代码页(Code Page 936,即CP936)、Mac系统使用EUC-CN...系统Locale对应的代码页被作为Windows的默认代码页。在没有明确指定某个文本的编码信息时,Windows将按照指定的默认代码页的编码方案来解释该文本数据。...微软公司将IBM公司定义的代码页称作OEM代码页,在IBM公司的代码页基础上作了些增补后,称为ANSI代码页。

    1.6K10

    单页应用首屏问题

    为什么单页应用首次打开会比较慢,我的理解是全局注入的东西如果比较多,那么第一次加载确实会比较慢。...3、服务端渲染(ssr),以前一直以为服务端渲染只是为了seo,后来才知道解决首屏问题,这才是最大的优化。...seo,而服务器渲染或者以前的多页项目,右键查看源代码,dom都是直接就有的。...简单来说就是一进入页面就把马上看到的先加载,其他的通过滚动也好通过监听也好,进行懒加载。 6、缓存,这个其实也算是很好的一个方法,无非就是强缓存和协商缓存,就是服务器那边配置的。...应该还是自己做的项目都不够大,所以对这个首页优化还是没有太大的感触,会分享这个也是因为一个总监级别的面试问我的问题,现在想想,当时他说的项目随便都是几百个页面,体积很大,有个什么关系呢,路由懒加载了,首次加载只会加载一个页面

    1.6K20

    0-1背包问题之滚动数组!

    昨天动态规划:关于01背包问题,你该了解这些!中是用二维dp数组来讲解01背包。...今天我们就来说一说滚动数组,其实在前面的题目中我们已经用到过滚动数组了,就是把二维dp降为一维dp,一些录友当时还表示比较困惑。 那么我们通过01背包,来彻底讲一讲滚动数组!...一维dp数组(滚动数组) 对于背包问题其实状态都是可以压缩的。...这就是滚动数组的由来,需要满足的条件是上一层可以重复利用,直接拷贝到当前层。 读到这里估计大家都忘了 dp[i][j]里的i和j表达的是什么了,i是物品,j是背包容量。...注意以上问题都是在候选人把代码写出来的情况下才问的。 就是纯01背包的题目,都不用考01背包应用类的题目就可以看出候选人对算法的理解程度了。 相信大家读完这篇文章,应该对以上问题都有了答案!

    86110

    vue返回上一页面时回到原先滚动的位置

    项目结束,测试时发现在首页商品列表中,向上滑动几页后点击进入详情,从详情页面返回商品列表时,页面回到了最顶部,测试不通过说是用户体验不好,要求从哪里点击进去返回该页面时回到原先的滚动页面。...component: index, meta: { keepAlive: true } }, 这样在index.vue中,mounted方发只走一次,在浏览器上实现了返回原来滚动位置的目的...但是在手机上测试,发现没用, 解决手机上实现目的的方法: //在页面离开时记录滚动位置 beforeRouteLeave (to, from, next) { this.scrollTop =...document.documentElement.scrollTop || document.body.scrollTop next() }, //进入该页面时,用之前保存的滚动位置赋值 beforeRouteEnter

    3.1K20
    领券