[javascript]JavaScript实现鼠标移动改变样式

操作方法

  • 01

    样式设置: <style type="text/css"> .sec_menu { border-right: white 1px solid; padding-right: 2px; padding-left: 2px; background: #d6dff7; padding-bottom: 5px; border-left: white 1px solid; padding-top: 5px; border-bottom: white 1px solid; } .menu_title { background-color: #AABFEC; } .menu_title SPAN { font-weight: bold; left: 8px; color: #215dc6; position: relative; top: 2px; } .menu_title2 { } .menu_title2 SPAN { font-weight: bold; left: 8px; color: #428eff; position: relative; top: 2px; } </style> <script language="javascript" type="text/javascript">//实现单击隐藏 function menuChange(obj,menu) { if(menu.style.display=="none") { menu.style.display=""; } else { menu.style.display="none"; } } </script> html实例代码: <table cellpadding="0" cellspacing="0" width="168" align="center"> <tr style="cursor: hand">//栏目头 <td height="25" class="menu_title" onmouseover="this.className='menu_title2';" onmouseout="this.className='menu_title';" onclick="menuChange(this,menu1);"> <span style="z-index: 101">文章信息管理</span> </td> </tr> <tr>//栏目内容列表 <td> <div class="sec_menu" id="menu1" style="display :none ;"> ............ ............ </div> </td> </tr> </table> #Html

赞 (0)

相关推荐

  • 怎么更换win10系统电脑中鼠标的光标样式

    怎么更换win10系统电脑中鼠标的光标样式

    当我们在使用win10系统电脑的时候,如果不满意电脑中默认的鼠标光标的话,应如何更换其光标样式呢?接下来就由小编来告诉大家.具体如下:1.第一步,打开电脑后,点击左下角的win图标,然后在弹出的菜单中 ...

  • 微信怎么生成二维码 微信二维码怎么改变样式

    只有我们向朋友发送微信个人二维码名片,别人就可以扫一扫加微信了,很方便吧,那么微信怎么生成二维码?微信二维码怎么改变样式呢?流星告诉你: 操作方法 01 首先我们打开微信,点击[我],如图所示: 02 ...

  • jquery改变样式

    点击div时会调用jquery事件从而改变样式 操作方法 01 创建两个样式 <style type="text/css">.style1{width: 80px;he ...

  • 怎样用JavaScript制作跟随鼠标的文字

    如果有一种跟随鼠标移动的文字并能带有缓冲的效果,将会给网页带来一种新鲜的感觉.本节给出了一个跟随鼠标的文的例子,这些文字跟着鼠标移动并具有游走的效果. 本节代码主要使用了鼠标的 onMouseMove ...

  • Axure怎么做表格随着鼠标移动改变颜色?

    axure中绘制的表格想要制作当鼠标移入时整行变色,移出时恢复原来颜色,选中一行时整行变色,取消选中是恢复原来颜色,该怎么实现这个效果呢?下面我们就来看看详细的教程. 1.在页面中拖入一个中继器,取名 ...

  • 快速使word文档之间粘贴文本不改变样式的方法

    word文档之间经常需要互相拷贝文字提高工作效率,可是将文字从一个word文档拷贝到另外一个word文档时,有时会发现字体的样式改变了,如何才能保证拷贝的文字样式.段落等与原来保持一致?以下图为例,从 ...

  • win10怎么设置鼠标光标的样式?

    win10系统默认的鼠标光标样式不喜欢,想要换一个自己喜欢的,该怎么更换呢?下面我们就来看看详细的教程. 1.点击开始菜单中的齿轮形状的设置按钮. 2.在弹出的界面中点击个性化,如图中红框所示. 3. ...

  • word输入公式后鼠标变成下标样式该怎么办?

    word编辑完公式后,闪烁的鼠标会变成下标一样,敲出来的字变成了下标,怎么处理呢?往下浏览吧. 1.这里说的嵌入公式,后面闪烁鼠标会变成下标的样子,如下图所示. 2.这时,你只需要在公式后面鼠标单击右 ...

  • 如何设置Windows8系统鼠标指针样式

    根据用户的操作及使用习惯，如鼠标指针的样式在WindowsXP中可以轻而易举的找到在哪改，用户换了Windows8系统后许多设置都变动了，下面教大家去改变鼠标样式。 操作步骤 按“Win+i”组合键打 ...