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个需要添加,其他的全部扔到主题模板下面就可以了。
这个方法纯属傻瓜式操作了,基本是个人都会操作了。如果您老是火星来的除外。
好了,有什么问题,在下方给我留言,我会一一解答的。
附上下载地址: 附件里包含代码和相关操作指南
下载地址:下载地址A
解压密码:本博域名,不带http://和www
效果延时:看右方那几个爱心跑来跑去的就是了。
文章评论
我的是主题是作者集成的,暂时用不到修改,方法记一份,以后用得到~
@evil 嗯,记着去吧,以后用!
看来博主是很厉害的了~~~
具体是什么代码怎么没有写啊,看了郁闷啊
@祥 自己没看清楚,别说别人没放!
@小可 实在不好意思,实在对不住你啊,因为我每进到下载的页面就给我弹出广告,我没下到文件,实在是误会大哥你了,现在好了
@祥 没事,只所以不在博客上直接贴,是因为wordpress贴代码,很容易出现把半角符号自动变成全角符号的关系,所以,你们到别的地方复制的代码,很多都不能用,就是这个原因。
现在我存记事本里面,复制的话,完全没这个必要担心了。直接复制,全部好用。
美化博客的一个好技巧~赞一个!
哈哈,不错哦,学习一下,我博客自带了,从来没想过怎么搞
@陌凡 没办法啊,我用zww大叔的主题,超简洁,什么都没有。
@陌凡 有很多主题还是没有这个功能的那,就当给那些人谋个福利吧。
我来看了啊,那个鼠标移动上去会自己移动的怎么做的啊,你知道不 :sad:
@mendodo 这个还真不知道,我只弄了直接上下的,也折腾了很久。
小可哥这主题不错,当时我也想用。但感觉修改有压力,放弃了
@阿柯博客 我是瞎改,启用一个子主题,在子主题上瞎折腾。