打造漂亮界面的 JQuery 代码片段
我们正在创建一个 Web 应用程序，该应用程序将被设计为完全 2.0（AJAX 编辑等）。
作为一名富客户端和服务器端开发人员，我仅在功能层面上了解 Javascript，但我开始根据建议学习 JQuery，并了解其中的简单程度。
我在其 API 中发现了诸如 SlideDown 之类的东西，它会将元素滑入视图中。
我想知道还有什么可以相对轻松地制作出漂亮的界面。
库或核心 JQuery 就可以了。
We're creating a web app which is going to designed to be fully 2.0 (AJAX-ed and what not).
As a rich-client and server-side developer, I know Javascript only at a functional level, but I'm beginning to learn JQuery based on recommendations and seeing how simply much of it.
I've found things like SlideDown in its' API which will slide an element into view.
I'm wondering what else is there that makes for beautiful interfaces relatively easily.
Libraries or core JQuery is fine.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（7）
作为一个前端人员，我的建议是首先制定你的想法，然后寻找 jQuery 插件（jQueryUI 很棒，但是有大量的第 3 方插件），这将在方面增强设计用户体验。良好的设计和工作流程都始于规划——就像开发一样。漂亮的用户界面总是从扎实的设计开始。
As more of a front-end guy, my advice would be to draw up your ideas first, then seek out jQuery Plugins (jQueryUI is fantastic, but there are tons of 3rd party plug-ins out there) that will enhance that design in terms of UX. A good design and workflow all begins with planning -- much like development. A beautiful UI will always start with a solid design.
查看 jQuery UI。它提供了一组美观的基础组件，包括主题支持。
Have a look at jQuery UI. It provides a good-looking set of base components, including theme support.
对于 UI 来说，jQuery UI 并不是一个糟糕的起点，但是有大量的 jQuery 插件可以让您的生活更轻松。如果别人已经发明了更好的轮子，为什么还要重新发明轮子呢？
我偶然发现了一个优秀的网站，其中为使用 jQuery 的设计师提供了资源。 http://jqueryfordesigners.com/ 以初学者或高级用户都可以使用的方式解释 JS。
jQuery UI's not a bad place to start for a UI, but there are tons of plugins for jQuery that can make your life easier. Why reinvent the wheel if someone else already invented it better?
I've stumbled upon an excellent site with resources for designers using jQuery. http://jqueryfordesigners.com/ explains the JS in a way that beginners or advanced users can use.
我认为界面的大部分美感都体现在 HTML/CSS 中 - 稀疏的布局、间距、颜色、圆角、纹理等。
也就是说...
“漂亮的界面”是主观的，但如果您Google 搜索使用 jQuery 的网站（有些是从 jQuery 自己的页面链接的），您可以找到您喜欢的网站并使用 firebug 或 Chrome 开发人员工具来检查其 jQuery
I think most of the beauty of an interface is going to be in the HTML/CSS - sparse layout, spacing, colors, rounded corners, textures, etc.
That said...
'A beautiful interface' is subjective, but if you Google for sites that use jQuery (some are linked from jQuery's own page), you can find sites you like and use firebug or Chrome developer tools to inspect their jQuery
要获得最大的性价比，请查看 jQuery 插件。
基本的 jQuery 非常出色，它是为手滚动的出色效果而设计的。另一方面，插件通常是完全成熟的、高阶的 Web 小部件。
For the biggest bang:buck ratio, look at jQuery plugins.
Basic jQuery is excellent, and it's designed for hand-rolling great effects. Plugins, on the other hand, are usually fully-baked, higher-order web widgets.
你看过 jQuery-ui 吗？它不像其他一些库那么丰富，但它有许多基本组件（对话框、手风琴、拖放、滑块等）。尽管从您描述应用程序 ID 的方式来看，我们还是建议您使用 Dojo（就像我喜欢 jQuery 一样）。
Have you looked ay jQuery-ui? Its not as rich as soem other libraries (yet) but it has many basic components (dialogs, accordians, drag&drop, sliders, etc..). Although form the way you described your app id have to recommend using Dojo instead (as much as i ADORE jQuery).
jQuery Tools 是 jQuery UI 的一个很好的替代品。但它没有 jQuery UI 或 ThemeRoller 那么多的功能。
jQuery Tools is a nice alternative to jQuery UI. It doesn't have as many features as jQuery UI or the ThemeRoller though.