JQuery 试用

Fvart — Mon, 11 Jun 2007 08:41:56 +0000

一直想学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了

演示:

FV.Zone » jQuery

JQuery 试用

演示效果A

演示效果B