JQuery 试用
2007.06.11 4:41 下午 JQuery Ajax
一直想学js可是觉得那很难,直到wp 升级到2.2的时候很多介绍提到jquery这个东西,于是我就看了一下,结果才知道是一个JS框架,看完说明以后觉得很好用,而且WP默认也提供了她,我将我以后一直喜欢的边栏收起与展开效果改成了jquery来实现,不过也遇到很多麻烦,因为不太懂JS的原因吧,现在我Blog有两处用了jquery.
一是边栏收起与展开,代码如下
$(document).ready(function(){ /**** 边栏效果开始 ****/ $("h3").toggle(function(){ $(this).parents(".flex").find(".fvbox").hide('slow'); },function(){ $(this).parents(".flex").find(".fvbox").show('fast'); }); });// end ready
这代码还是jquery中文网站的一位高人给我写的,在此谢谢他了,相信你也看到了很简单的一点点代码,结合我的Blog边栏的写法就可以实现了,
演示效果请看:
演示效果A
- 内容一
演示效果B
- 内容二
第二个应用是在网页中插入MP3文件,然后让jquery的插件是一个为flash播放器写的插件,有了他就可以很容易的在网页中放MP3了,再也不用写很多没用的代码:
$('a[@href$="mp3"]').flash( { src: '/blog/wp-content/themes/lonely-age/play.swf', height: 20, width: 200 }, { version: 7 }, function(htmlOptions) { $this = $(this); htmlOptions.flashvars.file = $this.attr('href'); $this.before($.fn.flash.transform(htmlOptions)); } );
想用这个代码你先得有一个插件的名字叫flash.jquery.js这个插件jquery的官方网站上有下载
现在只要我们在网页上写上这样的代码就OK了
<a href="http://www.raidybor.com/Plugins/Home/music.mp3"></a>