浩特汽车网
您的当前位置:首页js制作的鼠标悬浮时产生的下拉框效果_jquery

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

来源:浩特汽车网


先给大家补补课,讲个简单的例子:
代码如下:


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; }





这段文字在点击hideme时隐藏

这段文字同样也会隐藏。




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

blogs: www.gxlcms.com–>

显示全文