jQuerytoggleClass应用实例(附效果图)_jquery
来源:动视网
责编:小采
时间:2020-11-27 21:21:30
jQuerytoggleClass应用实例(附效果图)_jquery
jQuerytoggleClass应用实例(附效果图)_jquery:1、首先到jQuery官网下载js库,网址为http://jquery.com/ 2、建立一个jQuery示例的项目。 3、将js库放到jQuery示例的项目中。 4、写一个html页面 代码如下: Insert title here .bg{ /*背景颜色*/ background: #f0
导读jQuerytoggleClass应用实例(附效果图)_jquery:1、首先到jQuery官网下载js库,网址为http://jquery.com/ 2、建立一个jQuery示例的项目。 3、将js库放到jQuery示例的项目中。 4、写一个html页面 代码如下: Insert title here .bg{ /*背景颜色*/ background: #f0

1、首先到jQuery官网下载js库,网址为http://jquery.com/
2、建立一个jQuery示例的项目。
3、将js库放到jQuery示例的项目中。
4、写一个html页面
代码如下:
script>
Insert title here $(function(){
//setColor是鼠标移动的方法
$("li").mouseover(setColor).mouseout(setColor);
function setColor(){
//如果存在(不存在)就删除(添加)一个类
$(this).toggleClass("bg");
}
});
script>
横向菜单1 横向菜单2 横向菜单3 横向菜单4 横向菜单5 横向菜单6 5、运行效果图
jQuerytoggleClass应用实例(附效果图)_jquery
jQuerytoggleClass应用实例(附效果图)_jquery:1、首先到jQuery官网下载js库,网址为http://jquery.com/ 2、建立一个jQuery示例的项目。 3、将js库放到jQuery示例的项目中。 4、写一个html页面 代码如下: Insert title here .bg{ /*背景颜色*/ background: #f0