数码资讯
jQuery实现了鼠标在div层的背景颜色上滑动的方式。
本文演示了jQuery如何通过鼠标在div层的背景色上滑动,供大家参考,具体的实现方法如下: 复制代码代码如下所示: jQuery通过div层转换层实现感应鼠标的背景色。 divbox {。 身高:300px; 宽度:200px; 背景:# ffffff; 边界:# solid 1px ccc; 浮
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文演示了jQuery如何通过鼠标在div层的背景色上滑动,供大家参考,具体的实现方法如下:
复制代码代码如下所示:
jQuery通过div层转换层实现感应鼠标的背景色。
divbox {。
身高:300px;
宽度:200px;
背景:# ffffff;
边界:# solid 1px ccc;
浮点数:左;
右边距:10px;
}
divover {。
背景:# eff8fe;
# d2dce3 solid 1px边框;
}
# zztj {颜色:# ffffff;}
# zztj,# zztj:链接,# zztj:参观,# zztj:主动{颜色:# ffffff;}
# zztj:悬停{颜色:# ffffff;}
$(函数(){())
当鼠标滑入 / / DIV阶级取代divover
$('。divbox)。Hover(function(){)
$(这)AddClass('divover);
}函数(){()
鼠标左 / /删除divover风格
$(这)RemoveClass('divover);
}
);
});
块
B座
C座
提示:如果您没有显示预览效果,请刷新页面,因为调用了远程jQuery插件,需要加载它才能运行。
希望本文能对大家的jQuery程序设计有所帮助。
复制代码代码如下所示:
jQuery通过div层转换层实现感应鼠标的背景色。
divbox {。
身高:300px;
宽度:200px;
背景:# ffffff;
边界:# solid 1px ccc;
浮点数:左;
右边距:10px;
}
divover {。
背景:# eff8fe;
# d2dce3 solid 1px边框;
}
# zztj {颜色:# ffffff;}
# zztj,# zztj:链接,# zztj:参观,# zztj:主动{颜色:# ffffff;}
# zztj:悬停{颜色:# ffffff;}
$(函数(){())
当鼠标滑入 / / DIV阶级取代divover
$('。divbox)。Hover(function(){)
$(这)AddClass('divover);
}函数(){()
鼠标左 / /删除divover风格
$(这)RemoveClass('divover);
}
);
});
块
B座
C座
提示:如果您没有显示预览效果,请刷新页面,因为调用了远程jQuery插件,需要加载它才能运行。
希望本文能对大家的jQuery程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。