本文实例讲述了javascript实现鼠标放上后下边对应内容变换的效果。分享给大家供大家参考。具体如下:
这是个网上比较常见的菜单效果,鼠标放上后相应的内容会切换,图文布局方式。技术方面,是js和css相配合来实现,代码中的js部分,你可以单独摘取出来保存成一个js文件,然后引入到页面中,这样使主页面代码简洁些。本效果在ie、火狐等浏览器下测试正常。
运行效果如下图所示:
具体代码如下:
鼠标放上后下面的内容切换 国际时事 精美壁纸 大国关系 欧美风情
国际时事 精美壁纸 大国关系 欧美风情
希望本文所述对大家的javascript程序设计有所帮助。