`
holdbelief
  • 浏览: 707911 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript编写变色菜单

阅读更多
示例: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>

分享到:
评论

相关推荐

    随机变色的菜单

    2. **demo.html**:这是一个HTML文件,用于展示随机变色菜单的实例。HTML是网页的结构语言,它定义了页面上的各个元素,如菜单、按钮等。在这个文件中,我们可以看到菜单的HTML结构以及可能与JavaScript事件绑定的...

    JQ滑动变色菜单_导航条变色滑动显示

    "JQ滑动变色菜单_导航条变色滑动显示"就是一个这样的实践,它利用jQuery库来实现导航条在用户滚动页面时的动态变化,特别是颜色的变换,为网站增添视觉吸引力和互动性。jQuery(简称JQ)是一个广泛使用的JavaScript...

    jquery变色动画下拉菜单.rar

    现在,我们引入jQuery库并编写JavaScript代码来实现动画效果。当用户悬停在顶级菜单项上时,子菜单将以动画形式出现,并改变颜色。以下是一个简单的示例: ```javascript $(document).ready(function() { $('#menu...

    jquery变色动画下拉菜单.zip

    本项目"jquery变色动画下拉菜单.zip"显然是一个使用jQuery实现的动态下拉菜单,它结合了CSS样式和JavaScript功能,为用户界面增加了互动性和视觉吸引力。 首先,jQuery的核心特性是它的链式调用和简洁的语法,这...

    JavaScript实现鼠标点击导航栏变色特效

    JavaScript是实现动态网页效果的脚本语言,在这个例子中,我们使用了以下JavaScript函数来实现特效: 1. initLinkStyle函数:在文档加载完成后执行,它通过document.getElementsByName方法获取所有name属性为'myset...

    JavaScript源代码大全

    通过阅读和分析这些源代码,你可以了解到如何组织和编写JavaScript代码,如何操作DOM,以及如何使用事件处理程序。此外,还可以学习到如何结合CSS和JavaScript实现更复杂的动态效果。在实际项目中,这样的技能将非常...

    javascript hover 特效网页

    在这个阶段,开发者会根据设计稿来编写JavaScript代码,实现hover特效,确保最终的网页效果与设计意图一致。 总的来说,"javascript hover特效网页"是一个结合了JavaScript编程和CSS hover伪类的项目,旨在通过动态...

    JavaScript 特效类汇总

    同时,随着库和框架(如jQuery、React、Vue等)的发展,编写复杂的JavaScript特效变得更加便捷,但基础的JavaScript知识仍然是不可或缺的。 总的来说,JavaScript特效类汇总是一个全面了解和学习JavaScript在网页...

    jQuery网页左侧3D展开二级菜单.zip

    1. 使用HTML编写菜单结构,包括一级菜单和二级菜单项。 2. 使用CSS定义菜单的基本样式,如布局、颜色、过渡效果等。 3. 在页面加载完成后,使用jQuery绑定mouseover和mouseout事件到一级菜单项。 4. 当事件触发时,...

    20款精美的纯CSS菜单源码

    这些菜单不仅功能完备,而且完全基于CSS(层叠样式表)编写,无需JavaScript或者其他复杂的编程语言,从而让网页加载速度更快,更易于维护。 纯CSS菜单的优势在于其灵活性和可定制性。设计师可以通过修改CSS样式来...

    前台实现文本框中c#关键字变色及提示

    本资源包提供了一个解决方案,它包含三个JavaScript文件和一个HTML文件,用于在前端实现C#关键字变色以及输入时的关键字提示功能,非常适合在线编译器或代码编辑器的开发。 首先,我们要理解C#是一种面向对象的编程...

    CSS3多色垂直伸缩下拉菜单特效

    在实际项目中,我们还可以结合JavaScript来增强用户体验,例如,添加动画效果,处理触摸设备的交互,或者确保菜单在不同屏幕尺寸下的响应式布局。不过,基于CSS3的下拉菜单已经能够实现大部分基础功能,且具有良好的...

    鼠标滑过变色

    这种效果在导航菜单、按钮或其他可点击元素中非常常见,能提升用户体验,提供视觉反馈,让用户知道他们可以与这些元素互动。 在HTML和CSS中实现这种效果主要涉及到:hover伪类选择器。`:hover`是CSS中的一个伪类,...

    jQuery table选中表格行变色

    然后,我们可以编写jQuery代码来实现选中行变色的功能。当用户点击表格行时,我们可以改变其CSS样式,使其突出显示。以下是一个简单的示例: ```javascript $(document).ready(function() { $('#myTable tbody tr'...

    分享20款漂亮实用的WEB2.0导航菜单源码下载

    在压缩包“CSS-menu”中,我们可以预期找到的是用CSS编写的导航菜单源代码。CSS是一种用于描述HTML或XML(包括SVG、XHTML等)文档样式的样式表语言。通过CSS,开发者可以控制网页的布局,包括字体、颜色、大小、间距...

    网页设计 菜单、按钮等实例

    在实例中,我们可以学习到如何编写规范的HTML标记,如何组织CSS类选择器,以及如何利用JavaScript实现动态效果和事件监听。 此外,这些实例可能还涉及响应式设计,即让网页在不同设备和屏幕尺寸上都能良好展示。这...

    jQuery背景滑动网站导航菜单.zip

    这个导航菜单在用户鼠标悬停时,会展示出背景滑动变色的效果,极大地提升了用户体验,同时保持了良好的浏览器兼容性,支持主流的浏览器。 在HTML源码中,网站菜单通常是页面布局的重要组成部分,它提供了页面各部分...

    基于ASP的变色龙Flash网站系统 v2.0.zip

    开发者可以使用VBScript或JScript语言编写ASP页面,实现服务器端的数据处理和逻辑控制,如用户认证、数据查询、表单处理等。 【文件名称列表】虽然没有提供具体的文件名称,但通常一个ASP网站系统会包含以下部分: ...

    ASP实例开发源码——asp变色龙Flash网站系统 v2.0.zip

    在ASP变色龙Flash网站系统中,Flash可能被用来创建吸引人的首页动画、交互式导航菜单,甚至是动态内容展示。Flash ActionScript语言用于控制Flash组件的行为,与ASP后台数据进行交互,实现了数据驱动的动态Flash内容...

    歌帝梵官网首页学生作业功能齐全

    这需要用到JavaScript库如jQuery或纯JavaScript编写,监听窗口滚动事件,根据滚动位置改变元素的CSS属性,如透明度、位置等,营造动态视觉效果。 以上所有功能的实现,都体现了学生对前端开发基础的掌握,包括HTML...

Global site tag (gtag.js) - Google Analytics