小可个人BLOG

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

JQuery上下滑动特效

2012/01/03 27397点热度 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

小可

百分之三十五大叔,爱好女,爱好黑丝女!

点赞
< 上一篇
下一篇 >

文章评论

  • 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
      回复
  • 上一页
    razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
    取消回复

    最新 热点 随机
    最新 热点 随机
    近期淘宝抽风全是秒退订单 入手一个鱼缸,准备养点草、鱼、虾、蟹 腾飞WebOs个人云桌面,新一代的私人云盘 已经不再年轻 如何在国内直接用USDT消费(Depay虚拟visa卡评测) 人生短短数十载,青春有几许 普通人怎么理财基金、买股票投资 雅黑探针修改版 支持PHP8.X PHP7.X Wordpress 垃圾评论插件 Mimi Captcha 2020
    光棍需要爱情来拯救 亲爱的,请你幸福 我的童年,你和我的一样不 精子可以人造,男人无可取代 因命而裸,还是因裸而名? 我爱你的各种语言读法 理性与感性的情感 情人节(情人劫)的咆哮体 从安全套谈性安全 小可博客一周年了
    最近评论
    贵州旅游包车 发布于 3 个月前(04月24日) 客户下了单,他马上就推一个便宜的同等商品,你说人家退单不。
    小可 发布于 7 个月前(12月17日) 养鱼的后续不见了,有点更不动了
    雨帆 发布于 1 年前(06月04日) 所以,我是说所以,古法养鱼的后续呢?催更。
    达到 发布于 2 年前(11月26日) 大佬请分享
    小可 发布于 2 年前(05月29日) 具体使用教程,请搜索“腾飞webos”那边有完整的教程,当然,有不懂的也可以在这里问我,我看到很乐意...

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

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

    Theme Kratos Made By Seaton Jiang

    浙ICP备17004615号-1