英文原文中有些重复和打不开链接的例子我去掉了。
注:转载请注明以下信息,否则保留那个什么的权利
英文原文:http://speckyboy.com/2010/05/26/20-awesome-jquery-enhanced-css-button-techniques/
译文链接:http://www.itivy.com/jquery/archive/2012/1/5/jquery-css-button.html
Creative Button Animations with Sprites and jQuery这篇文章主要是展示了一个利用css sprites和jquery实现的鼠标滑过按钮的效果,第一部分教程主要告诉大家如何利用ps等画图工具制作这个精美的按钮。第二部分教程主要是将设计好的按钮图转换成HTML和CSS,并利用jQuery给这个按钮加上动画特效。
第一部分教程 | 第二部分教程 | 在线示例
GitHub-Style Buttons with CSS and jQuery (or MooTools, or the Dojo JavaScript)这个按钮教程主要是介绍了一个仿GitHub的按钮特效,用到了一点点HTML、CSS、jQuery。
查看教程 | 在线示例
Cross-Browser Rounded Buttons with CSS3 and jQuery这是一个带圆角的jquery按钮,放心,你不必担心在不同浏览器中会没有圆角,因为他几乎兼容所有版本的浏览器,包括IE6。
查看教程 | 在线示例
jQuery Imageless Buttons a la Google这个jquery按钮则是仿Google搜索的按钮,你可以用少量的css代码去自定义这些按钮的样式。
查看教程 | 在线示例
Animated “Call to Action” Button这个jquery按钮也是一个鼠标滑过特效,鼠标滑过时按钮出现渐变效果。
查看教程 | 在线示例
Nice Menu : CSS Animation & jQuery Animate这个jquery按钮也是鼠标滑过特效,不同的是,当鼠标滑过时,按钮的padding发生变化,并且是带有动画的哦。
查看教程 | 在线示例
Skype-Like Buttons Using jQuery这个jquery按钮非常有特色,是仿Skype的,当你鼠标移上去的时候,呵呵,自己去试试,我不说了。
查看教程 | 在线示例
jQuery iPhone Style Ajax Switch呵呵,又是一个比较有特色的jquery按钮,这个是仿iPhone开锁键的,还不错,可以看看。
查看教程 | 在线示例
jQuery UI CSS Framework Buttons and ToolbarsOH,这个NB了,这是基于jquery ui的按钮,这个jquery按钮也可以用来做工具栏的按钮,真棒!
查看教程 | 在线示例
Simple "Call To Action" Button With CSS & jQuery这个jquery按钮也是简单的鼠标移过特效,个人觉得还挺大气的。
查看教程 | 在线示例
Create a Simple Interactive CSS Button with jQuery这个jquery按钮则是专为提交表但设计的,用Ajax提交的时候按钮出现一张waiting的gif图片,由此可见,这个按钮是重写过的,不信你自己看看。
查看教程 | 在线示例
Button Hover Fading Transition with jQuery这个按钮其实也是一个鼠标滑过特效啦,在“ON”和“OFF”之间切换。
查看教程 | 在线示例
Cursor Hover Plugin一个简单的jquery鼠标滑过渐变按钮,不多说,自己看。
查看教程 | 在线示例
jQuery hashchange event这也是一个非常基本的jquery按钮,你可以自己定义一些颜色,其实个人觉得,只要颜色搭配好,即使简单的按钮也能炫目多彩。
查看教程 | 在线示例
Awesome CSS3 & jQuery Slide Out Button这个jquery按钮也非常有特点,鼠标移上去,按钮立即展开,非常帅气。
查看教程 | 在线示例
好了,上面的这些jquery css按钮就介绍完了,是否有你喜欢的呢?请告诉我,我期待我的发现得到你的肯定。
jQuery,按钮
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。