如何使用jQuery制作雅虎按钮?

时间:2010-06-23 15:01:42

标签: jquery css button yahoo

我想知道如何创建像按钮一样的雅虎邮件(例如:他们的:检查邮件按钮)。我想知道是否可以使用jquery创建一个类似的按钮。请提供一步一步的详细信息,因为我一般都是jQuery和Web开发的新手。

由于

2 个答案:

答案 0 :(得分:1)

我认为你不需要jQuery。我能想到的任何按钮都可以通过CSS3很愉快地实现。

我们也很欣赏所需结果的图像,并非所有人都拥有雅虎邮箱帐户。

答案 1 :(得分:1)

你不需要jquery是正确的...但是Jquery UI对于非常容易使用的按钮有一套巧妙的效果,并且可以使用ThemeRoller插件在任何时候进行平面重新设置样式。

请参阅此处的教程: http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/

简而言之:在页面中包含Jquery UI ...不要忘记还包括ThemeRoller的CSS。创建一个输入(或链接等)并应用以下类:class =“ui-state-default ui-corner-all”Voila - 圆角,渐变,颜色样式,悬停等。

很简单,是吗?