网页前端学习之jQuery动态渐变按钮(呼吸灯效果)
很早就看到了国外一个网站精湛的呼吸灯设计http://dragoninteractive.com/,很是佩服,最近找到了相关的教程实例,跟着做了一下子,现在记录备份之
效果demo
<!-- /*链接按钮样式*/ .jsbutton { position:relative; display:block; width:200px; height:80px; background:url(bg_button.gif) top no-repeat; cursor: pointer; text-indent:-9999px; } .jsbutton span.hover { position: absolute; display: block; width:200px; height:80px; background:url(bg_button.gif) bottom no-repeat; text-indent:-9999px; } --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"><!--mce:0--></script> <script type="text/javascript"><!--mce:1--></script> <h2>jQuery动态渐变效果(呼吸灯效果) <small>| xhtml + css + javascript</small></h2> <a class="jsbutton" href="http://myya.net">T先生和兜兜</a>
via:http://www.cnblogs.com/wiky/articles/gradual-change-button.html
很不错的样子,源码收了~嘿嘿
JQuery真的很强悍
很不错的效果,什么时候用用
效果真不错,源码保存一个
效果很cool
这个也可以用CSS3做到的嘛~
是么,那css3真是强大
@听云 ^_^ 但是现在CSS3还没有普及嘛~
也是现在貌似只有chrome对css3支持最好