小可BLOG

  • 首页
  • 文章分类
    • 随言随笔
    • 记录生活
    • 东拼西凑
    • 博客相关
    • APP相关
  • 给我留言
    • 博客相册
    • 个人简介
    • 彩色标签
  • 网上邻居
  • 隐私政策
>°))))彡
想做一条咸鱼,每天都很闲。
  1. 首页
  2. 博客相关
  3. 正文

JQuery上下滑动特效

2012/01/03 24604点热度 0人点赞 29条评论

jQuery 简单的按钮控制图片上下滑动代码,使用jQuery框架实现的上下滑动效果,代码比较少,同时(界面)也比较简单,上下分别带有控制按钮,通过按钮可控制图片的上下滚动,到顶部,到底部,到评论部分,分享给大家,希望大家能够喜欢,小可以后也会努力发表些有用的文章的。

整理了一些前辈的文章,把一些东西剥离了,避免新手不会实用的问题。

第一步把我提供下载的文件中的2个CSS shangxia-other.css 和 shangxia-single.css 放到主题目录下,css里面的这个参数margin-left:是调整图片在页面中的位置,0是中间,负数靠左,正数靠右!还有一个图片huadong.gif,放到主题目录的images目录下!图片大小是32*119的自己可以替换一下。

这些都是次要的,最重要的是在页面header.php 的head属性中间添加一段JQuery调用和一个JS调用代码。我也一并放到下载的文件中。wordpress上面贴代码真的很烦。也容易出错。

还有个需要添加的是在footer.php文件,body属性前面。只是一段div而已,很简单。只有这2个需要添加,其他的全部扔到主题模板下面就可以了。

这个方法纯属傻瓜式操作了,基本是个人都会操作了。如果您老是火星来的除外。

好了,有什么问题,在下方给我留言,我会一一解答的。

附上下载地址: 附件里包含代码和相关操作指南

文件名字:wordpress上下滑动jquery特效代码

下载地址:下载地址A

解压密码:本博域名,不带http://和www

效果延时:看右方那几个爱心跑来跑去的就是了。

本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: jquery js 上下滑动 代码 特效
最后更新:2012/12/23

小可

国内互联网站长,爱研究,爱折腾,爱wordpress,爱博客,爱小可,各种爱。 开设博客纯属个人爱好,关注wordpress,关注互联网,关注文学,关注情感,关注生活,各种关注。 喜欢音乐,喜欢电影,喜欢摄影,喜欢聊天,喜欢扯蛋,各种喜欢。

点赞
< 上一篇
下一篇 >

文章评论

  • evil

    我的是主题是作者集成的,暂时用不到修改,方法记一份,以后用得到~

    2012/01/05
    回复
    • 小可

      @evil 嗯,记着去吧,以后用!

      2012/01/06
      回复
  • 创视影像

    看来博主是很厉害的了~~~

    2012/01/06
    回复
  • 祥

    具体是什么代码怎么没有写啊,看了郁闷啊

    2012/01/07
    回复
    • 小可

      @祥 自己没看清楚,别说别人没放!

      2012/01/07
      回复
      • 祥

        @小可 实在不好意思,实在对不住你啊,因为我每进到下载的页面就给我弹出广告,我没下到文件,实在是误会大哥你了,现在好了

        2012/01/08
        回复
        • 小可

          @祥 没事,只所以不在博客上直接贴,是因为wordpress贴代码,很容易出现把半角符号自动变成全角符号的关系,所以,你们到别的地方复制的代码,很多都不能用,就是这个原因。
          现在我存记事本里面,复制的话,完全没这个必要担心了。直接复制,全部好用。

          2012/01/08
          回复
  • 逗乐我

    美化博客的一个好技巧~赞一个!

    2012/01/08
    回复
  • 陌凡

    哈哈,不错哦,学习一下,我博客自带了,从来没想过怎么搞 :lol:

    2012/02/25
    回复
    • 小可

      @陌凡 没办法啊,我用zww大叔的主题,超简洁,什么都没有。

      2012/02/26
      回复
    • 小可

      @陌凡 有很多主题还是没有这个功能的那,就当给那些人谋个福利吧。

      2012/02/26
      回复
  • mendodo

    我来看了啊,那个鼠标移动上去会自己移动的怎么做的啊,你知道不 :sad:

    2012/02/25
    回复
    • 小可

      @mendodo 这个还真不知道,我只弄了直接上下的,也折腾了很久。

      2012/02/26
      回复
  • 阿柯博客

    小可哥这主题不错,当时我也想用。但感觉修改有压力,放弃了 :mrgreen:

    2012/02/25
    回复
    • 小可

      @阿柯博客 我是瞎改,启用一个子主题,在子主题上瞎折腾。

      2012/02/26
      回复
  • 加载更多
    取消回复

    最新 热点 随机
    最新 热点 随机
    如何在国内直接用USDT消费(Depay虚拟visa卡评测) 人生短短数十载,青春有几许 普通人怎么理财基金、买股票投资 雅黑探针修改版 支持PHP8.X PHP7.X Wordpress 垃圾评论插件 Mimi Captcha 2020 淘宝联盟选品顾问邀请码 淘宝、抖音、外卖优惠券领取APP 拜拜2019 我还在,一切安好
    红豆镶白骨 坟墓 我们到底在写什么 很想带你去旅行 圣彼得堡的公主不落泪 用感恩的心记住他们曾经的给予! 给予身边细致的关心 枯藤老树昏鸦,小桥流水人家 元旦已过,春节将至 一半淑女一半淫娃
    最近评论
    追梦 发布于 2 周前(01月23日) 现在还写博客的真的不多了
    aaa 发布于 1 个月前(12月23日) qwewwww
    晨汐网 发布于 2 个月前(12月19日) 博主你好,你的网站做得真好,可以跟你换个友链吗?
    点儿 发布于 2 个月前(12月18日) 缺乏安全感
    付费进群 发布于 2 个月前(12月16日) 数字支付 未来大趋势

    本博由BT面板驱动 © 2023 小可BLOG成立4089天了 | 网站地图 | 口袋券 | 口袋券app | 温小券 | 温小券app
    我们相爱
    了

    COPYRIGHT © 2022 小可博客. ALL RIGHTS RESERVED.

    Theme Kratos Made By Seaton Jiang

    浙ICP备17004615号-1