追求卓越一诺千金

蓝蓝设计,2011年成立,主创清华团队,专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UIUE咨询和设计开发服务。立足UI,好好学习,天天进步!


滚动条的各种设计方式和PSD图

2011-10-28 蓝蓝 设计资源


转载蓝蓝设计(       www.lanlanwork.com       )是一家专注而深入的设计机构 ,为期望卓越的国内外企业提供有效的       BS界面设计             cs界面设计             ipad界面设计             包装设计             图标定制             用户体验       、交互设计、       网站建设       、平面设计服务  浏览器滚动条的解决方案

原文:http://www.queness.com/post/9667/javascript-scrollbar-solutions-and-psd-layouts

好吧,让我们开始jQuery和一个Mootool插件/

  • 微型滚动 微型滚动使用jQuery库和设计,重量轻,动态网页设计师提供最大的灵活性,以提高设计的滚动。 我已经考察了滚动条的结构和它的真实,你将能够风格很容易。 它不来的顶部和底部的箭头。
    • 垂直和水平滚动支持
    • 在iPhone,iPad和Android的工作
    • 支持滚动轮,拇指或跟踪
    • 更新功能,因此它可以处理内容的变化。 这是一个好东西!
    • 滚动条和拇指大小可以设置为自动或一个固定的数
    • 支持锚
  • JScrollPane中 的JScrollPane是一个跨浏览器的开尔文运气浏览器的默认滚动条(有关overflow属性的元素)转换成一个HTML的结构,可以很容易地使用CSS剥皮的jQuery插件。 所有,我发现,JScrollPane中是最强大的,并在同一时间相当复杂的实施对于那些并不真正了解Javascript 。 然而,它带有很多的例子和文档,我相信可以对于初学者非常有帮助 。
    • 垂直和水平滚动支持
    • 支持箭头的滚动(点击/悬停)
    • 支持滚动轮,触摸或跟踪
    • 在iPhone,iPad和Android的工作
    • 它具有内置的功能重新初始化ScrollPane的,如果你添加动态内容。
    • 它的回调函数/事件。
    • 和很多更多的功能!
  • MooScroll 很明显,这是一个MooTools的JavaScript框架的滚动 。 MooScroll是个MooTools 1.2类,允许您自定义滚动条滚动的div看起来。 有不少人正在使用MooTools的,所以我添加为一个滚动的解决方案。
    • 从我所看到的,它仅支持垂直滚动
    • 部分移动平台的支持,这是用手指,但默认情况下隐藏的滚动条滚动的。
    • 根据目前内容的大小,它有一个内置在刷新()函数来调整ScrollPane的
    • 支持平滑滚动
    • 支持锚

滚动的UI

现在你知道你可以做什么用的滚动条,这个精心设计的界面皮肤,改造成美丽的丑陋!

标签: 滚动条的设计,滚动条psd « 漫谈互联网应用表单设计 | 黑色软件界面欣赏之二»


订阅Rss