当前位置:Gxlcms > JavaScript > js制作的鼠标悬浮时产生的下拉框效果_jquery

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

时间:2021-07-01 10:21:17 帮助过:104人阅读

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




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的内容*/
}。
在看一个实际例子;点击时隐藏文本:
代码如下: