实现鼠标经过，离开，点击三种效果

最新推荐文章于 2022-11-22 11:28:53 发布
最新推荐文章于 2022-11-22 11:28:53 发布
阅读量6.5k 收藏
点赞数
分类专栏： JavaScript 文章标签： border table div function redirect stylesheet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/selfxd/article/details/1784628
版权

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>管理中心－修改登录密码</title>
    <link href="App_Themes/style.css" rel="stylesheet" type="text/css" />

    <script language="javascript" type="text/javascript">       
        function overImg1()
        {
            var img1 = document.getElementById("sqfj");
            var img2 = document.getElementById("gmjf");
            var img3 = document.getElementById("grsz");
            var img4 = document.getElementById("zhgl");
          
            img1.src = "image/sqfj_over.jpg";
            img2.src = "image/gmjf.jpg";
            img3.src = "image/grsz.jpg";
            img4.src = "image/zhgl.jpg";
           
            document.getElementById("sqfjdiv").style.display="block"; 
            document.getElementById("gmjfdiv").style.display="none";   
            document.getElementById("grszdiv").style.display="none";
            document.getElementById("xgmm").style.display="none";
            document.getElementById("txdiv").style.display="none";
            document.getElementById("szmxdiv").style.display="none";
            document.getElementById("ZHTXdiv").style.display="none";
            document.getElementById("ZHMMdiv").style.display="none";
        }
       
        function overImg2()
        {
            var img1 = document.getElementById("sqfj");
            var img2 = document.getElementById("gmjf");
            var img3 = document.getElementById("grsz");
            var img4 = document.getElementById("zhgl");
           
            img1.src = "image/sqfj.jpg";
            img2.src = "image/gmjf_over.jpg";
            img3.src = "image/grsz.jpg";
            img4.src = "image/zhgl.jpg";
           
            document.getElementById("sqfjdiv").style.display="none"; 
            document.getElementById("gmjfdiv").style.display="block";          
            document.getElementById("grszdiv").style.display="none";
            document.getElementById("xgmm").style.display="none";
            document.getElementById("txdiv").style.display="none";
            document.getElementById("szmxdiv").style.display="none";
            document.getElementById("ZHTXdiv").style.display="none";
            document.getElementById("ZHMMdiv").style.display="none";
        }
        function overImg3()
        {
            var img1 = document.getElementById("sqfj");
            var img2 = document.getElementById("gmjf");
            var img3 = document.getElementById("grsz");
            var img4 = document.getElementById("zhgl");
                     
            img1.src = "image/sqfj.jpg";
            img2.src = "image/gmjf.jpg";
            img3.src = "image/grsz_over.jpg";
            img4.src = "image/zhgl.jpg";
           
            document.getElementById("sqfjdiv").style.display="none"; 
            document.getElementById("gmjfdiv").style.display="none";   
            document.getElementById("grszdiv").style.display="block";
            document.getElementById("xgmm").style.display="block";           
            document.getElementById("txdiv").style.display="none";
            document.getElementById("szmxdiv").style.display="none";
            document.getElementById("ZHTXdiv").style.display="none";
            document.getElementById("ZHMMdiv").style.display="none";
           
        }
       
        function overImg4()
        {
            var img1 = document.getElementById("sqfj");
            var img2 = document.getElementById("gmjf");
            var img3 = document.getElementById("grsz");
            var img4 = document.getElementById("zhgl");
           
            img1.src = "image/sqfj.jpg";
            img2.src = "image/gmjf.jpg";
            img3.src = "image/grsz.jpg";
            img4.src = "image/zhgl_over.jpg";
           
            document.getElementById("sqfjdiv").style.display="none"; 
            document.getElementById("gmjfdiv").style.display="none";   
            document.getElementById("grszdiv").style.display="none";
            document.getElementById("xgmm").style.display="none"; 
            document.getElementById("txdiv").style.display="block"; 
            document.getElementById("szmxdiv").style.display="block";
            document.getElementById("ZHTXdiv").style.display="block";
            document.getElementById("ZHMMdiv").style.display="block";     
        }       
       
        function Redirect(url)
        {
           var ifrm = document.getElementById("ifrmBody");
           ifrm.src = url;
        }       
    </script>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body οnmοusedοwn="objdown()">
    <form id="form1" runat="server">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td align="center">
                    <table width="995px" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <td colspan="2" align="right" valign="top" style="height: 56px; background-image: url(image/top.jpg)">
                                <!-- 头菜单开始 -->
                                <table width="250" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td valign="top">
                                            <div style="cursor: hand;" οnmοuseοver="imgg1.src='image/index_over.GIF'; divsy.className='style1'"
                                                οnmοuseοut="imgg1.src='image/index.GIF';divsy.className='style2'">
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <img alt="设为首页" id="imgg1" src="image/index.gif" /></td>
                                                        <td>
                                                            <div id="divsy">
                                                                设为首页</div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                        <td valign="top">
                                            <div style="cursor: hand;" οnmοuseοver="imgg2.src='image/sc_over.GIF'; divsc.className='style1'"
                                                οnmοuseοut="imgg2.src='image/sc.GIF';divsc.className='style2'">
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <img alt="收藏本站" id="imgg2" src="image/sc.GIF" /></td>
                                                        <td>
                                                            <div id="divsc">
                                                                收藏本站</div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                        <td valign="top">
                                            <div style="cursor: hand;" οnmοuseοver="imgg3.src='image/lx_over.GIF'; divlx.className='style1'"
                                                οnmοuseοut="imgg3.src='image/lx.GIF';divlx.className='style2'">
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <img alt="联系我们" id="imgg3" src="image/lx.GIF" /></td>
                                                        <td>
                                                            <div id="divlx">
                                                                联系我们</div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                                <!-- 头菜单结束 -->
                            </td>
                        </tr>
                        <tr>
                            <td rowspan="2" style="width: 150px; height: 542px; background-image: url(image/left.jpg)">
                                <!-- 子导航栏开始 -->
                                <table id="tbAll" width="150" border="0" cellpadding="0" cellspacing="0" >
                                    <tr>
                                        <td style="width: 10px; height: 30px">
                                        </td>
                                        <td style="width: 25px">
                                        </td>
                                        <td style="width: 106px" rowspan="7" valign="top">
                                            <table width="106" border="0" cellpadding="0" cellspacing="0" id="tb">
                                                <tr>
                                                    <td style="height: 23px">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="height: 100px">
                                                        <div id="sqfjdiv" style="cursor: hand; display: none" οnmοusedοwn="objdown()">
                                                            <table border="0" cellpadding="0" cellspacing="6">
                                                                <tr>
                                                                    <td align="center">
                                                                        <img alt="申请房间" id="sqfj_two" src="image/sqfj_two.JPG" width="53" height="53" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="middle">
                                                                        <span id="divsqfj_two">申请房间</span></td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <div id="gmjfdiv" style="cursor: hand; display: none" οnmοusedοwn="objdown()">
                                                            <table border="0" cellpadding="0" cellspacing="6">
                                                                <tr>
                                                                    <td align="center">
                                                                        <img alt="购买积分" id="gmjf_two" src="image/gmjf_two.JPG" width="53" height="53" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="middle">
                                                                        <span id="divgmjf_two">购买积分</span></td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <div id="grszdiv" style="cursor: hand; display: none" οnmοusedοwn="objdown()" οnclick="Redirect('ModifyPersonInfo.aspx')">
                                                            <table border="0" cellpadding="0" cellspacing="6">
                                                                <tr>
                                                                    <td align="center">
                                                                        <img alt="个人资料设置" id="grzlsz" src="image/grzlsz.jpg" width="53" height="53" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="middle">
                                                                        <span id="divgrzlsz">个人资料设置</span></td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <div id="txdiv" style="cursor: hand; display: none" οnmοusedοwn="objdown()">
                                                            <table border="0" cellpadding="0" cellspacing="6">
                                                                <tr>
                                                                    <td align="center">
                                                                        <img alt="提现资料设置" id="tjzl" src="image/tjzl.JPG" width="53" height="53" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="middle">
                                                                        <span id="divtjzl">提现资料设置</span></td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="height: 8px">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="height: 100px" valign="top">
                                                        <div id="xgmm" style="cursor: hand; display: none" οnmοusedοwn="objdown()">
                                                            <table border="0" cellpadding="0" cellspacing="6">
                                                                <tr valign="top">
                                                                    <td style="width: 73px" align="center">
                                                                        <img alt="修改登陆密码" id="xgdlmm" src="image/xgdlmm.jpg" width="53" height="53" οnclick="Redirect('update_login_pwd.aspx')" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="middle">
                                                                        <span id="divxgdlmm">修改登陆密码</span></td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <div id="szmxdiv" style="cursor: hand; display: none" οnmοusedοwn="objdown()">
                                                            <table border="0" cellpadding="0" cellspacing="6">
                                                                <tr valign="top">
                                                                    <td style="width: 73px" align="center">
                                                                        <img alt="帐户收支明细" id="szmx" src="image/szmx.JPG" width="53" height="53" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="middle">
                                                                        <span id="divszmx">帐户收支明细</span></td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="height: 8px">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="height: 100px" valign="top">
                                                        <div id="ZHTXdiv" style="cursor: hand; display: none" οnmοusedοwn="objdown()">
                                                            <table border="0" cellpadding="0" cellspacing="6">
                                                                <tr valign="top">
                                                                    <td style="width: 73px" align="center">
                                                                        <img alt="帐户提现" id="zhtx" src="image/zhtx.JPG" width="53" height="53" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="middle">
                                                                        <span id="divzhtx">帐户提现</span></td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="height: 8px">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="height: 100px" valign="top">
                                                        <div id="ZHMMdiv" style="cursor: hand; display: none" οnmοusedοwn="objdown()">
                                                            <table border="0" cellpadding="0" cellspacing="6">
                                                                <tr valign="top">
                                                                    <td style="width: 73px" align="center">
                                                                        <img alt="设置帐户密码" id="szzhmm" src="image/szzhmm.JPG" width="53" height="53" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="middle">
                                                                        <span id="divszzhmm">设置帐户密码</span></td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="height: 14px">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="height: 83px">
                                                    </td>
                                                </tr>
                                            </table>
                                            <!-- 子导航栏到些结束 -->
                                        </td>
                                        <td style="width: 10px">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 10px; height: 14px">
                                        </td>
                                        <td style="width: 25px">
                                        </td>
                                        <td style="width: 10px">
                                        </td>
                                    </tr>
                                    <!-- 主导航栏开始 -->
                                    <tr valign="top">
                                        <td style="height: 90px">
                                        </td>
                                        <td>
                                            <div id="Div1" style="cursor: hand;">
                                                <img alt="申请房间" id="sqfj" src="image/sqfj.jpg" width="24" height="87" οnclick="overImg1()"
                                                    οnmοusedοwn="objdown()" /></div>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr valign="top">
                                        <td style="height: 90px">
                                        </td>
                                        <td>
                                            <div id="goumai" style="cursor: hand;">
                                                <img alt="购买积分" id="gmjf" src="image/gmjf.jpg" width="24" height="87" οnclick="overImg2()"
                                                    οnmοusedοwn="objdown()" /></div>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr valign="top">
                                        <td style="height: 90px">
                                        </td>
                                        <td>
                                            <div id="geren" style="cursor: hand;">
                                                <img alt="个人设置" id="grsz" src="image/grsz.jpg" width="24" height="87" οnclick="overImg3()"
                                                    οnmοusedοwn="objdown()" /></div>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr valign="top">
                                        <td style="height: 90px">
                                        </td>
                                        <td>
                                            <div id="zhanghu" style="cursor: hand;">
                                                <img alt="设置帐户密码" id="zhgl" src="image/zhgl.jpg" width="24" height="87" οnclick="overImg4()"
                                                    οnmοusedοwn="objdown()" /></div>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <!-- 主导航栏结束 -->
                                    <tr>
                                        <td style="height: 135px">
                                        </td>
                                        <td>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td>
                                <!-- 中间头部从这里开始 -->
                                <table style="width: 845px; height: 76px;" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td style="background-image: url(image/top_2.jpg)">
                                        </td>
                                    </tr>
                                </table>
                                <!-- 中间头部到这里结束 -->
                                <!-- 替换页面从这里开始 -->
                                <iframe src="" scrolling="no" frameborder="0" id="ifrmBody" height="406px" width="845px">
                                </iframe>
                                <!-- 替换页面到这里结束 -->
                            </td>
                        </tr>
                        <tr>
                            <td style="height: 62px; background-image: url(image/below.jpg)">
                                <table cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td align="center" valign="bottom" style="height: 20px">
                                            Copyright &copy; 2003-2007 上海富可信息技术发展有限公司 Email:service@onlineoa.com
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center" colspan="2">
                                            法律顾问:上海恒业律师事务所&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;沪ICP备 05061318
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </form>

    <script language="javascript" type="text/javascript">
        var img = tb.getElementsByTagName("img");    //得到所有 img 元素卷标名称

          function  objdown()  
          {  
                detachall(); 
          
                for(var i=0;i<img.length;i++)  
                {  
                     img[i].attachEvent("onmouseover",overHandler)   //添加事件
                     img[i].attachEvent("onmouseout",outHandler)  
                }  
                if(event.srcElement)  
                {  
              if(window.event.srcElement.tagName == "IMG")
                 {
                         var id = event.srcElement.id;  
                         event.srcElement.src="image/" +id+"_over.jpg"  
                         event.srcElement.detachEvent("onmouseover",overHandler)  
                         event.srcElement.detachEvent("onmouseout",outHandler)  
               
               var v = document.getElementById("div"+id);
               if(v != null)
               {
                v.className="style1";
               }
                    }
                 else
                 {
                  window.event.returnValue = false;
                 }
          }
         
          }  
           
          function detachall()  
          {  
           for(var i=0;i<img.length;i++)  
                {  
                    var id = img[i].id   //得到 img 的 ID
                    img[i].detachEvent("onmouseover",overHandler)  //去掉 onmouseover 事件, 调用 overHandler 函数
                    img[i].detachEvent("onmouseout",outHandler)   //去掉 onmouseout 事件, 调用 outHandler 函数
                    img[i].src="image/" +id+".jpg";
           
           var v = document.getElementById("div"+id);
           if(v != null)
        {
         v.className="style2";
        }
                }  
          }

          function overHandler()  
          {  
          var id = event.srcElement.id;  
          event.srcElement.src="image/" +id+"_over.jpg"  
          var v = document.getElementById("div"+id);
          if(v != null)
    {
     v.className="style1";
    }
          }  
           
          function outHandler()  
          {  
                var id = event.srcElement.id;  
                event.srcElement.src="image/" +id+".jpg";
          var v = document.getElementById("div"+id);
          if(v != null)
    {
     v.className="style2";
    }
          } 
         
    </script>

</body>
</html>
 

selfxd
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery实现鼠标经过图片变亮其他变暗效果
10-24
在本例中，我们将探讨如何使用jQuery库来实现这个功能，即“鼠标经过图片变亮其他变暗”的效果。 首先，我们需要理解jQuery的基本用法。jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画以及...
html div往下移,HTML 层(DIV) 随鼠标事件移动?
weixin_28738983的博客
06-03 346
div20*20||+rh;//右上角20*20的关闭区域if(rh=20 && rw180 )document.title=rw+||可选||+rh;//绝对拖动条选择区域;}function dargit(o,e){thiso = o;canDrg = true;if(!document.all){lx = e.clientX; ly = e.clientY;}else{lx ...
JS小练习之鼠标移入移出实现的一些效果
weixin_41586886的博客
06-01 4660
&lt;!DOCTYPE html&gt; &lt;html lang="en" dir="ltr"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;鼠标移入移出显示效果&lt;/title&gt; &lt;style&gt; #di
一种鼠标经过选项执行切换的特效
会开花的树
12-21 1934
在最近帮人改网站时，遇到了这种问题。场景描述如下： 页面初始化时，左侧第一栏“长江学者”要处于选中状态【字体颜色改变，右侧显示该栏目的内容】； 鼠标到左侧其他选项时，选项文字颜色发生变化，右侧内容跟着改变，同时上次选中的选项恢复原状； 同时，切换时要有这种效果：切换后，鼠标移开，状态保留在最后一次切换时的状态 解决思路 鼠标浮动时出来右侧内容，最先的想法肯定是用css的hover设置一下样式。但是
鼠标经过与鼠标离开
Aa12364567的博客
10-11 308
infoOnMouseOver(index)鼠标经过时调用的方法。mouseenter鼠标经过。mouseleave鼠标离开。鼠标离开时调用的方法。
鼠标经过图标并显示内容
qq_36070003的博客
05-17 1591
本篇的目的是实现鼠标经过微信图标，显示微信二维码的功能，总结思路和相关知识点。 思路： 使用img标签，并使用一个href为空的a标签作为img标签的父元素。 父元素使用相对定位，img标签为子元素是绝对定位，z轴设置一个较大数，并且使用opacity为0将其隐藏起来。 使用一个icon作为微信图标，也放在a标签里。 当鼠标移动到该图标上时，img标签的opacity变为1，显示这个元素。 动画效果，css3缩放： scale(x,y) 对元素进行缩放 X表示水平方向缩放的倍数 | Y表示垂直方向.
JS实现侧边栏鼠标经过弹出框+缓冲效果
10-20
反之，当鼠标离开`#box`时，调用`startmove(-200)`，`#box`向右移动，隐藏`#share`。 `startmove`函数中，我们使用了`setInterval`创建了一个定时器，它会在每30毫秒执行一次回调函数。这个回调函数根据`offsetLeft...
jQuery实现的鼠标经过冒泡提示效果
01-23
实现鼠标经过冒泡提示效果的基本步骤如下： 1. **引入jQuery库**：首先，在HTML文件中引入jQuery库，通常通过CDN链接或本地文件引用。 ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></...
vue实现点击图片放大效果
08-29
在Vue.js中实现点击图片放大效果，主要是通过创建一个子组件来处理图片的放大功能，同时结合Vue的事件系统和CSS动画实现平滑的过渡效果。以下是对该知识点的详细说明： 1. **子组件创建**： 子组件名为`BigImg.vue...
js实现鼠标点击左上角滑动菜单效果代码
11-22
【JavaScript实现鼠标点击左上角滑动菜单效果】 在网页设计中，交互性的菜单能够提升用户体验，特别是当用户可以通过简单的鼠标点击来展示或隐藏菜单时。这个实例介绍了一种使用JavaScript实现的，当用户点击网页...
鼠标经过 离开事件 mousemove mouseleave
qq_70020706的博客
11-22 1436
鼠标经过 离开事件 mousemove mouseleave
CSS+DIV实现鼠标经过背景变色 [onmouseover; onmouseout]
oldwolf1987的专栏
03-28 1万+
方法一css:#layer1:hover{background:#000000;} 解释:鼠标经过id为div的元素时背景变色    IE6.0、Firefox2.0、Opera 9.23都不行方法二css:onmouseout="this.style.backgroundColor=#FFFFFF">看这里
js鼠标经过与离开事件
爬楼梯的前端小白的博客
08-21 6758
onmouseover：当鼠标移动到某对象范围的上方时触发的事件 onmouseout：当鼠标离开某对象范围时触发的事件 <body> <button id="btn">唐伯虎</button> <script> var btn = document.getElementById('btn'); //事件处理程序 通过一个函数赋值的方式完成 btn.onclick = function().
（一）jQuery常用鼠标触发元素事件（鼠标点击、进入、离开）
北斗星的爱886的博客
06-26 1万+
jQuery 事件方法 1、click事件：点击鼠标左键时触发 $(document).ready(function(){ $('div').click(function(){ alert("鼠标点击了！"); }) }); 2、mouseover事件：鼠标从一个元素移入另一个元素时触发（鼠标进入） $(document).ready(function(){ $('div').mouseover(function(){ alert("鼠标进入了！"); }) }); 3、mouseout
CSS 鼠标响应事件，鼠标经过CSS，鼠标移动CSS，鼠标点击CSS
#维多利亚的秘密#
10-11 4636
几种鼠标触发CSS事件。   说明： onMouseDown 按下鼠标时触发  onMouseOver 鼠标经过时触发  onMouseUp 按下鼠标松开鼠标时触发  onMouseOut 鼠标移出时触发  onMouseMove 鼠标移动时触    CSS 鼠标响应事件 .Off{ background-color: #
鼠标滑过文字，显示隐藏的div，离开后div隐藏
zziamalei的专栏
03-31 4132
Document function display1(tNum){ document.getElementById('yc'+tNum).style.display='block' document.getElementById('lc'+tNum).style.display='none' } function display2(tNum){ document.getElementByI
Adobe XD使用心得及简单使用技巧
热门推荐
个人博客
07-21 7万+
Adobe XD，全称Adobe Experience Design。 这是一款集原型、设计和交互于一体的小清新时代风格的设计软件。 虽然传言中，Adobe XD将会是skech的劲敌。然而在windows系统当中，Adobe XD的确是产品原型设计领域最趁手的设计软件。它使用简单，界面整洁，虽然之前博主一直使用的是Axure 8.0，但在博主看来，Adobe XD在界面、素材以及设计操作上的确甩了Axure好几条街，至少它成功的吸引到了我。
jq鼠标移入移出元素呈现淡入淡出效果总结
比海更深
01-11 9064
如果是通过鼠标点击事件来触发动画效果 可以使用$("#button").click(function(){ $("#div").stop().fadeToggle("slow"); });$.stop()可以防止点击过快时，元素会呈现与点击次数相关的淡入淡出动画循环如果是通过鼠标的移入移出来触发动画效果 可以使用$("#div1").hover( function(){
怎么用js实现鼠标点击小图变为大图
最新发布
05-01
可以通过以下步骤实现鼠标点击小图变为大图的效果： 1. 在 HTML 中，创建一个小图和一个大图的标签，例如： ```html ;"> ``` 2. 在 CSS 中，定义小图的样式，例如： ```css #small-image { width: 100px; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值