為什么我不點擊，移開鼠標(biāo)的時候不會回到初始化的狀態(tài)？？
為什么我不點擊，移開鼠標(biāo)的時候不會回到初始化的狀態(tài)？？
慕絲0963956
2017-09-01
3 回答
舉報
0/150
提交
取消
2017-09-14
你的這個問題的出現(xiàn)，應(yīng)該在鼠標(biāo)移除事件上面，在鼠標(biāo)移除的時候，如果沒有點擊則全局變量num的值沒有變化，將num在賦給函數(shù)
2017-09-01
我寫的 可以借鑒下
? ? var num=2;
//li 元素綁定多個事件 按順序依次觸發(fā)
$('li').on('click mouseover mouseout',function (e) {
? ? if(e.type=='mouseover'){
? ? ? ? ?var num1=$(this).index()+1;
? ? ? ? ?light(num1);//這里的變量不能是全局變量
? ? ?}else if (e.type=='click') {
? ? ? ? ?num=$(this).index()+1;
? ? ? ? ?light(num);//這個一定要是全局已經(jīng)定義的變量
? ? ?}else if (e.type=='mouseout') {
? ? ? ? $('li').css('background-position','0 0')
? ? ?};//鼠標(biāo)移開先全部清除
? ? ?light(num);//再傳入已經(jīng)更新的num值 這樣鼠標(biāo)點擊的效果就還在
?});
var light=function (num) {
? ? $('li').each(function (index) {
? ? ? ? ?if(index<num){
? ? ? ? $(this).css('background-position','0 -68px');
? ? ? ? ?};
? ? ?})
? };
? light(num);//先調(diào)用一次 放在最后 light函數(shù)要先加載
2017-09-01
你用的jquery還是？monse事件已經(jīng)生效了 背景圖片已經(jīng)變了 不同于css的hover，鼠標(biāo)移開hover也沒了