南强小屋 Design By 杰米
本文实例讲述了基于jQuery创建鼠标悬停效果的方法。分享给大家供大家参考。具体实现方法如下：
1. 创建HTML：
<ul> <li><a href="/tv"><img src="/UploadFiles/2021-04-02/tv_off.gif">2. 选择.mainnav的class：
$(".mainnav").hover( function () { }, function () { } );3. 建立变量imgPath，指定图片SRC：
$(".mainnav").hover( function () { // Grab the source var imgPath = $(this).attr("src"); }, function () { // Grab the source var imgPath = $(this).attr("src"); } );4. 找到字符串off，用on替换：
$(".mainnav").hover( function () { // Grab the source var imgPath = $(this).attr("src"); // Replace the path in the source $(this).attr("src",imgPath.replace("off", "on")); }, function () { // Grab the source var imgPath = $(this).attr("src"); // Replace the path in the source $(this).attr("src",imgPath.replace("on", "off")); } );希望本文所述对大家的jQuery程序设计有所帮助。
南强小屋 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
南强小屋 Design By 杰米
暂无基于jQuery创建鼠标悬停效果的方法的评论...