JavaScript编写变色菜单

最新推荐文章于 2022-10-25 20:22:26 发布
最新推荐文章于 2022-10-25 20:22:26 发布
阅读量166 收藏
点赞数
分类专栏： JavaScript&Ajax 文章标签： JavaScript 教育 HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HoldBelief/article/details/83260426
版权
示例：JavaScript编写变色菜单


<html>

<body>

<script language="JavaScript">

    function openme(object)
    {
        object.style.background="#FFFFCC";
    }

    function closeme(object)
    {
        object.style.background="#99FFFF";
    }

</script>      　 　 　 　 　　　　 　

<table border="1" cellspacing="2" width="30%" bgcolor="#99FFFF" cellpadding="2" class=p2>
    <tr>
        <td align="center" width="15%" onMouseOver="openme(this);" onMouseOut="closeme(this);">
            <a href="http://www.hongen.com/pc/index.htm">
                <strong>电脑乐园</strong>
            </a>
        </td>
        <tr>
        <td align="center" width="15%" onMouseOver="openme(this);" onMouseOut="closeme(this);">
            <a href="http://www.hongen.com/eng/index.htm" >
                <strong>轻松英语</strong>
            </a>
        </td>
    </tr>
    <tr>
        <td align="center" width="15%" onMouseOver="openme(this);" onMouseOut="closeme(this);">
            <a href="http://www.hongen.com/proedu/index.htm" >      
               <strong>继续教育</strong>
            </a>
        </td>
    </tr>
    <tr>
        <td align="center" width="15%" onMouseOver="openme(this);" onMouseOut="closeme(this);">
            <a href="http://www.hongen.com/album/index.htm">
                <strong>同窗名录</strong>
            </a></td>
    </tr>
    <tr>
        <td align="center" width="15%" onMouseOver="openme(this);" onMouseOut="closeme(this);">
            <a href="http://www.hongen.com/edu/index.htm">
                <strong>动感校园</strong>
            </a>
        </td>
    </tr>
</table>
</body>
</html>

HoldBelief
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript制作颜色改变
weixin_44830974的博客
05-08 357
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> ul,li{list-style-type: none;} ul li{floa...
HTML5基础
weixin_44975452的博客
11-24 136
<!--w3school离线手册--> <!-- 声明语句，声明本文件使用HTML5规则，写在文件最上边 --> <!DOCTYPE> <html> <!-- <meta>标签： 设置一些网页的元数据，如字符集，关键字，简介等等 自结束标签（可在后面添加一个\) --> <meta charset="u...
js实现动态改变菜单栏颜色（兄弟节点的知识）
baidu_31134013的博客
03-17 3252
例如1：图在不刷新网页的情况下（使用JavaScript改变内存），鼠标点击选项动态改变背景颜色。 代码： （HTML代码） All Java C++ C# SQL Pyhton Html CSS MySql Tool 前端
html转义符
天青色等烟雨
03-10 546
显示说明实体名称实体编号   半方大的空白 &amp;ensp; &amp;#8194;   全方大的空白 &amp;emsp; &amp;#8195;   不断行的空白格 &amp;nbsp; &amp;#160; &lt; 小于 &amp;lt; &amp;#60; &gt; 大于 &amp;gt; &amp;#62; &amp; &amp;符号 &am
setTimeout
天青色等烟雨 而我在等你
07-29 156
    setTimeout的作用：延迟一段时间执行某个函数。例如：setTimeout("start_time();",5000);延迟5秒执行 start_time()函数，注意不是每隔5秒执行一次start_time()函数,是只执行一次start_time()函数。     可以用这个函数作个计时器，写个例子如下： &lt;!DOCTYPE html PUBLIC "-//W3C//DT...
JavaScript
书生的博客
10-25 1101
1、概述JavaScript是一种脚本语言。JavaScript可以实现动态页面。BOM：浏览器模型DOM：文档对象模型2、JavaScript的特点动态改变页面内容动态改变网页的外观验证表单数据响应事件2、JavaScript的预解析：3、页面使用javascript的方法
html中点击导航栏变色,JavaScript实现鼠标点击导航栏变色特效
weixin_29228781的博客
06-28 2406
废话不多说了，直接给大家贴js实现鼠标点击导航栏变色代码，具体代码如下所示：JAVASCRIPT之导航栏鼠标点击变色特效body {font-size:12px;font-family: Arial, Helvetica, sans-serif;}.ts_seled {color: #F00;}.ts_sel {color:#666;}window.onload = initLinkStyle;f...
html鼠标滑过导航栏变色,JavaScript实现鼠标点击导航栏变色特效
weixin_31085635的博客
06-05 1540
废话不多说了，直接给大家贴js实现鼠标点击导航栏变色代码，具体代码如下所示：JAVASCRIPT之导航栏鼠标点击变色特效body {font-size:12px;font-family: Arial, Helvetica, sans-serif;}.ts_seled {color: #F00;}.ts_sel {color:#666;}window.onload = initLinkStyle;f...
JavaScript实现鼠标点击导航栏变色特效
10-20
本文给大家分享一段基于js代码实现的鼠标点击导航栏变色效果，代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下
jquery变色动画下拉菜单.zip
最新发布
11-19
本项目"jquery变色动画下拉菜单.zip"显然是一个使用jQuery实现的动态下拉菜单，它结合了CSS样式和JavaScript功能，为用户界面增加了互动性和视觉吸引力。 首先，jQuery的核心特性是它的链式调用和简洁的语法，这...
随机变色的菜单
05-28
2. **demo.html**：这是一个HTML文件，用于展示随机变色菜单的实例。HTML是网页的结构语言，它定义了页面上的各个元素，如菜单、按钮等。在这个文件中，我们可以看到菜单的HTML结构以及可能与JavaScript事件绑定的...
jquery变色动画下拉菜单.rar
07-04
现在，我们引入jQuery库并编写JavaScript代码来实现动画效果。当用户悬停在顶级菜单项上时，子菜单将以动画形式出现，并改变颜色。以下是一个简单的示例： ```javascript $(document).ready(function() { $('#menu...
用JS控制表格的逐行变色的表单
10-30
本篇将详细介绍如何使用JavaScript（JS）来控制表格的逐行变色，创建一个友好且功能丰富的表单。 首先，我们需要了解HTML基础，尤其是`<table>`元素，它用于创建表格。表格由`<tr>`（行）、`<td>`（单元格）和`<th>...
JavaScript数组shift与unshift方法
天青色等烟雨 而我在等你
12-24 557
    数组对象的unshift与shift方法分别在数组的头部添加和删除一个元素，与push与pop方法的功能基本一样，只不过作用在数组的头部，而非尾部。因此，unshift方法有一个参数，即要添加到数组头部的元素，而shift方法则没有参数，而是返回从数组头部删除的元素。见下面的JS代码： JavaScript代码   &lt;!DOCTYPE html PUBLIC "-//W3C//DT...
JavaScript数组push与pop方法
天青色等烟雨 而我在等你
12-24 463
    数组对象的push与pop方法分别在数组的尾部添加与删除元素，push方法有一个参数，也就是要添加到数组尾部的元素，而pop方法则没有参数，而是返回从数组尾部删除的元素，见下面的js代码   JavaScript代码   &lt;script type = "text/javascript"&gt; var arr = ["HTML", "CSS", "JavaScript", ...
event.returnValue和return false的区别
天青色等烟雨 而我在等你
12-25 432
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;title&gt;runcode&amp
javascript 中定义private 方法
天青色等烟雨 而我在等你
12-26 414
出处：http://aoqi1883.blog.163.com/blog/static/8277676420081126112612458/   javascript 中可以定义类，一个function就是一个类。 那么怎么定一个一个类的private方法。 Class = function(config){        //public 对象 obj.save 可以直接调用         ...
JavaScript数组join方法
天青色等烟雨 而我在等你
12-24 319
     数组对象的join方法可以把数组的几个元素连接成一个字符串。 JavaScript代码 &lt;script type = "text/javascript"&gt; var arr = ["HTML","CSS","JavaScript","DOM"]; &lt;/script&gt; 测试数组的join方法 &lt;script type=&q
提升团队协作的JavaScript编写指南
《编写可维护的JavaScript》是一本由美国作者Nicholas C. Zakas所著的权威指南，专为开发人员设计，旨在提高团队开发中JavaScript代码的可维护性。这本书深入探讨了编码风格、编程技巧、自动化工具和测试实践等方面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值