JQuery上下滑动特效

博客相关 13034 Views 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

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

转载请注明:小可博客 » JQuery上下滑动特效

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (29)

  1. 沙发

    suN2012-01-03 17:31 回复
  2. 有个图片看看效果最好了,呵呵

    Fxpai2012-01-03 19:09 回复
    • 没看见,边上那个跑上跑下的玩意么?这个就是了!

      小可2012-01-03 19:32 回复
  3. 小树叶可以的哇,灵嘎~

    CONEY2012-01-03 19:58 回复
  4. 我觉得当装饰可以,浏览器有这个啦。

    乐逍淘返利网2012-01-03 23:44 回复
    • 浏览起不能一点直接到某个位置啊,实用性还是有的。

      小可2012-01-04 13:23 回复
  5. 来顶下了,标题很新颖

    磁力钻2012-01-04 13:21 回复
  6. 算啥,就是我。。。来看看你。右侧的去顶部,不错!!!

    最弱网2012-01-04 14:12 回复
  7. 效果看着不错呀

    烘干机2012-01-04 14:31 回复
  8. 好厉害呀,博主,新年新给力呀。。加油!

    小芝2012-01-04 16:16 回复
  9. 博主能不能在你的wp上开发一个,直接显示js的效果框

    瘦腿2012-01-04 16:16 回复
    • 什么意思?说这个效果的演示么?边上那个跑来跑去的就是了.

      小可2012-01-04 20:58 回复
  10. 路过…………

    2012-01-05 08:54 回复
  11. 我的是主题是作者集成的,暂时用不到修改,方法记一份,以后用得到~

    evil2012-01-05 21:00 回复
    • 嗯,记着去吧,以后用!

      小可2012-01-06 13:36 回复
  12. 看来博主是很厉害的了~~~

    创视影像2012-01-06 09:41 回复
  13. 具体是什么代码怎么没有写啊,看了郁闷啊

    2012-01-07 02:12 回复
    • 自己没看清楚,别说别人没放!

      小可2012-01-07 13:25 回复
      • 实在不好意思,实在对不住你啊,因为我每进到下载的页面就给我弹出广告,我没下到文件,实在是误会大哥你了,现在好了

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

          小可2012-01-08 13:29 回复
  14. 美化博客的一个好技巧~赞一个!

    逗乐我2012-01-08 17:14 回复
  15. 哈哈,不错哦,学习一下,我博客自带了,从来没想过怎么搞 😆

    陌凡2012-02-25 16:31 回复
    • 没办法啊,我用zww大叔的主题,超简洁,什么都没有。

      小可2012-02-26 13:16 回复
    • 有很多主题还是没有这个功能的那,就当给那些人谋个福利吧。

      小可2012-02-26 13:33 回复
  16. 我来看了啊,那个鼠标移动上去会自己移动的怎么做的啊,你知道不 🙁

    mendodo2012-02-25 16:35 回复
    • 这个还真不知道,我只弄了直接上下的,也折腾了很久。

      小可2012-02-26 13:35 回复
  17. 小可哥这主题不错,当时我也想用。但感觉修改有压力,放弃了 :mrgreen:

    阿柯博客2012-02-25 16:39 回复
    • 我是瞎改,启用一个子主题,在子主题上瞎折腾。

      小可2012-02-26 13:06 回复