烟台企业网站开发,多个 wordpress,优秀的网站开发,wordpress孕婴模板1.概述在浏览一些网站时#xff0c;当鼠标经过导航菜单某一项时#xff0c;其背景颜色将切换为其他颜色#xff0c;实现这种简单的效果会更吸引浏览者的注意。2.技术要点本实例主要是应用JavaScript方法来动态改变标签的背景颜色实现的。当鼠标经过表示的导航菜单时#xf…1.概述在浏览一些网站时当鼠标经过导航菜单某一项时其背景颜色将切换为其他颜色实现这种简单的效果会更吸引浏览者的注意。2.技术要点本实例主要是应用JavaScript方法来动态改变标签的背景颜色实现的。当鼠标经过表示的导航菜单时会触发onMouseOver事件然后调用自定义的JavaScript方法改变的背景颜色当鼠标移出时会触发onMouseOut事件调用自定义的JavaScript方法还原背景颜色为初始值。在JavaScript中改变标签的属性值时需要为设置一个id值然后在JavaScript方法中根据document对象的getElementById()方法即可获取单元格对象接下来就可以修改单元格对象的属性了。如下代码所示展示了如何修改id为td1的单元格的背景颜色。document.getElementById(td1).style.backgroundskyblue;3.具体实现(1)创建index.jsp页编写鼠标经过事件的JavaScript方法over()和鼠标移出事件的方法out()在这两个方法中修改单元格的背景颜色关键代码如下functionover(id){document.getElementById(id).style.backgroundskyblue;}functionout(id){document.getElementById(id).style.backgroundwhite;}(2)在每个导航菜单的标签中设置onMouseOver事件调用JavaScript的over()方法设置onMouseOut事件调用javaScript的out()方法。关键代码如下明日图书明日软件关于明日购买须知联系我们
