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
效果延时:看右方那几个爱心跑来跑去的就是了。
文章评论
沙发
有个图片看看效果最好了,呵呵
@Fxpai 没看见,边上那个跑上跑下的玩意么?这个就是了!
小树叶可以的哇,灵嘎~
我觉得当装饰可以,浏览器有这个啦。
@乐逍淘返利网 浏览起不能一点直接到某个位置啊,实用性还是有的。
来顶下了,标题很新颖
算啥,就是我。。。来看看你。右侧的去顶部,不错!!!
效果看着不错呀
好厉害呀,博主,新年新给力呀。。加油!
@小芝 新年快乐!
博主能不能在你的wp上开发一个,直接显示js的效果框
@瘦腿 什么意思?说这个效果的演示么?边上那个跑来跑去的就是了.
路过............