html 鼠标下拉标签,js制作的鼠标悬浮时产生的下拉框效果

先给大家补补课，讲个简单的例子：

jq=jQuery.noConflict();

jq=(document).ready(function(){

jq("a").mouseover(function(){

jq("a").css("color","#c00″);

});

jq("a').mouseout(function(){

jq("a").css("color","#000000″);

});

鼠标放在上面看看会发生什么

jq=jQuery.noConflict();

这是定义一个js的jquery库名；

jq(document).ready(function(){

/*这是一个关于document对象的函数里面是函数内容*/

})；

jq("a").mouseover()function(){

/*这是定义事件mouseover的内容*/

}。

在看一个实际例子；点击时隐藏文本：

$(document).ready(function() {

$(".abc .hide").click(function() {

$("this").parents("abc").hide("slow"); }); });

div.abc {

background: #e5eec;

padding: 7px;

margin: 0px;

border: solid 1px #c00; }

hide

这段文字将被隐藏

这段文字也将被隐藏

hide me

这段文字在点击hideme时隐藏

这段文字同样也会隐藏。

功课差不多了，我们言归正传回到主题下拉框才是王道。

blogs: www.jb51.net–>