求大神帮忙解决js鼠标移入事件,该如何处理-JavaSript-爱易网页

求大神帮忙解决js鼠标移入事件,该如何处理

日期：2014-05-16　浏览次数：20453 次

求大神帮忙解决js鼠标移入事件
想通过js改变class属性当鼠标移入时改变图片，css中有"_on"的是改变后的图片 "求大神帮忙~~

下面是图例



.qie1_dt{background:url('../img/qiehuan1.jpg') no-repeat left top;}

.qie1_dt_on{background:url('../img/qiehuan1.jpg') no-repeat -123px top}



.qie1_bm{background:url('../img/qiehuan1.jpg') no-repeat left -54px;}

.qie1_bm_on{background:url('../img/qiehuan1.jpg') no-repeat -123px -54px}



.qie1_cx{background:url('../img/qiehuan1.jpg') no-repeat left -119px;}

.qie1_cx_on{background:url('../img/qiehuan1.jpg') no-repeat -123px -119px}



.qie1_lq{background:url('../img/qiehuan1.jpg') no-repeat left -173px;}

.qie1_lq_on{background:url('../img/qiehuan1.jpg') no-repeat -123px -173px}



<ul class="qiehuan1">

     <li><a href="" class="qie1_dt_on"></a></li>

     <li><a href="" class="qie1_bm"></a></li>

     <li><a href="" class="qie1_cx"></a></li>

     <li><a href="" class="qie1_lq"></a></li>

 </ul>

------解决方案--------------------



var a="qie1_dt_on";

$("ul.qiehuan1 a").mouseover(function(){

    if(/_on$/.exec(this.className)){

       return;

    }else{

       $("ul.qiehuan1 a."+a).attr("className",a.replace(/_on$/,""));

       this.className=this.className+'_on';

    }

});

试试
------解决方案--------------------
用jquery吧方便些~~



$(function(){

	$('.qiehuan1 li a').hover(function(){

		$('.qiehuan1 li a').each(function(){

			var start=$(this).attr('class').indexOf('_on');

			if(start){

				var newClass=$(this).attr('class').replace(/_on/,'');

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

求大神帮忙解决js鼠标移入事件,该如何处理

相关资料更多>

推荐阅读更多>