你所选择的标签为: jQuery

ublue-ContactsList.js(模拟IOS通讯录列表)

12

January

2016

先祝大家新年快乐!作为2016年的开篇,再祝各位单身狗早日托单,已托单的早日生猴子!

前年接触到个移动端项目,需要把相关门店信息以类似IOS(iPhone)联系人列表的形式呈现。左侧是城市列表,右侧是滑动首字母快速查找。
先是去网上搜了下,发现相关资料少之又少,无法满足项目需求。以我性格,改一个差距甚远的代码,不如在条件范围内动手写一个,也利于后期调试、扩展。

可在项目结束之后,感觉这形式的交互效果今后试用范围和需求会不少,便拎出来改为一个独立的插件。 [ 查看全文... ]

jQuery Slider Gallery(滑动相册 带拖动按钮)

12

July

2013

以前做过个项目,需求是做一个图片集(图片相册),其中有个小功能是底部带拖动按钮,拖动按钮相册列表一起滚动。当初单独做个拖动按钮没什么问题,问题不知道怎么让上面的内容随着这滚动条一起等比例的滚动,后来这块是由我同事帮忙写的。所以空下来便研究一下,把思路理清自己写个试试,结果比想象中的要简单很多。

当前版本:v1.2
兼容:IE6+、Firefox、Chrome、Safair [ 查看全文... ]

Ublue jQuery Image Scroll(无缝滚动)

27

June

2013

一直懒得写这个效果,但有需求就必须有供应。最近正好有项目需要这东西,所以就把之前写的插件拿来改了下,作为一个单独的插件,等以后有时间再把2个插件合并起来吧。

功能和描述(v1.0):
1.图片无缝左右滚动
2.经过图片显示/隐藏标题(可选)
3.自动循环滚动(可选)
3.鼠标经过停止滚动
4.单个页面可以重复使用
5.兼容IE6+、Chrome、Firefox、Safari、Opera [ 查看全文... ]

Ublue jQuery Image Carousel(焦点图&图片轮播)v2.2

05

June

2013

焦点图和图片轮播,可以说几乎是每个网站必定会用到的内容。之前我有写过一个焦点图的插件jQuery图片切换效果 – Ublue jQuery Slideshow 1.0。而今天的这个插件,可以说是在此基础上的一个重新编译和扩展,结合了焦点图与图片轮播,并且根据不同的参数设置和CSS样式,能够组合出多种呈现方式,基本能够满足日常所需要的一些使用。

功能说明(v2.2):
1.支持多图滚动
2.鼠标经过暂停自动播放
3.小按钮支持点击和滑动切换
4.标题支持滑动显示
5.图片滚动范围自适应(只要设置外层的容器宽度,内部图片会根据外层大小,自动调节滚动次数和距离)
6.支持左右滚动、上下滚动、渐变(淡入淡出)、缩略图模式
7.单个页面可重复使用
8.兼容IE6+、Chrome、Firefox、Safari、Opera [ 查看全文... ]

杂志翻页效果(基于jQuery CSS3)

14

May

2013

由于自己的工作主要是做移动终端的产品(某阅读App),所以翻页啊什么更是一直接触。本人属于看到新鲜的、好玩的东西就手痒,所以诱使我写了今天的这个例子。

操作:键盘中“←左”“右→”方向键来实现翻页。

为了能带给您最佳的呈现效果,请使用基于webkit内核的浏览器:Chrome、Safari;不支持IE! [ 查看全文... ]

jQuery左侧浮动折叠菜单 仿天猫(固定浮动、智能定位、CSS3折叠)

14

January

2013

以前做设计的那段时间,常常为了一个专题页面的制作,上各种网站寻找灵感,淘宝就是其中之一。由于现在“从良”了,对设计这方面关心的就比以前要少了,更多的精力便是放在页面结构和用户体验上。

前两天上淘宝时,发现其首页的菜单还不错(貌似很早就有了,不过我是才看到,刚从火星回来...),于是就自己也动手制作了一个。

CSS方面属于参考天猫,jquery则完全是自己摸爬滚打。折叠的效果运用了CSS3,对于不识别的CSS3的浏览器,就单纯的隐藏了,没有做过渡效果。

其中,不得不说,自己做的过程中又学习到了蛮多的东西,特别是CSS方面,有些属性虽然不起眼,感觉没有必要,但起到了关键的作用。

主要功能:1.固定浮动、2.智能定位、3.CSS3折叠 [ 查看全文... ]