您好,欢迎来到浩特汽车网。
搜索
您的当前位置:首页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–>

Copyright © 2019- howto234.com.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务