滚动条的各种设计方式和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

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

分享本文至：
« 漫谈互联网应用表单设计 黑色软件界面欣赏之二 »

分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档