jquery插件鼠標移上去當前列表顯示圖片的特效

鼠標移上去時顯示對應的圖片信息，不過它是採用了jquery的擴展函數作的一個插件，使用起來就比以前的那個方便多了。

jquery代碼：

$.fn.extend({     
   AdAdvance:function(){
	var listobj=this;
        var objs =$('dt',this);
	var view =objs.length-1;//parseInt( Math.random()*objs.length);
	objs.each(function(i){
	$(this).mouseover(function(){ $('dd',listobj).hide();$('.dropList-hover',listobj).attr("class",""); $(this).children("p").attr("class","dropList-hover");$(this).next().show()})
	if(i!=view)
	{
		$(this).next().hide();
	}
	else
	{
		$(this).next().show();
		$(this).children("p").attr("class","dropList-hover");
	}
	});
    }
});

調用方法：

$('#news').AdAdvance();

它使用的是dl標籤固然你也能夠根據本身的須要改爲ul的列表標籤，dt是標籤，dd爲圖片內容。