响应式网站建设与SEO优化
手机平板电脑自动适应 网站排名遥遥领先 订单源源不断
服务热线:
132-0574-7000
电话:132-0574-7000
JQuery功能模块

JQuery类切换开关 toggleClass

鼠标toggleClass功能模块,鼠标移上后会根据自定义的需要加上一个class值,从而实现很多效果。鼠标移上加什么值可以自定义,html演试如下

鼠标toggleClass功能模块,鼠标移上后会根据自定义的需要加上一个class值,从而实现很多效果。鼠标移上加什么值可以自定义,html演试如下

<p class="sljJS_toggleClass" toggleClass="thisclass">演试</p>
<p class="sljJS_toggleClass" toggleClass="open">演试</p>

给需要实现鼠标toggleClass的html元素加上一个名为:sljJS_toggleClass的class,另外加一个自定义属性toggleClass="自定义类别如上面的hover、thisclass"

/**
*组件名称:鼠标toggleClass
*
*使用说明:
*1.在需要html标签上增加一个class名为sljJS_toggleClass
*2.要增加的class是自定义的:toggleClass="hover"
*html代码演试:
	<p class="sljJS_toggleClass" toggleClass="thisclass">演试</p>
<p class="sljJS_toggleClass" toggleClass="open">演试</p>
	...
**/
$(function(){
	$(".sljJS_toggleClass").hover(
		function(){
			$toggleClass=$(this).attr("toggleClass");
			$(this).addClass($toggleClass);
		},
		function(){
			$(this).removeClass($toggleClass);
		}
	);
});

上一篇:jQuery图片交换功能模块
下一篇:最后一页

相关文章
推荐阅读
最近更新

手机/Pad/电脑通用的网站?还要百度排一?
填入手机号 免费获取相关信息

 
QQ在线咨询
工作时间
9:00 - 18:00
咨询热线
13205747000
0574-56792133