JS实现鼠标滑过链接改变网页背景颜色的方法


Posted in Javascript onOctober 20, 2015

本文实例讲述了JS实现鼠标滑过链接改变网页背景颜色的方法。分享给大家供大家参考,具体如下:

这个小特效很不错,用链接改变网页背景色,鼠标放上链接文字上,网页背景就会跟着变换,想让你的主页更个性一点的朋友,这个代码一定能用上,其实你可在此基础上修改一下代码,改成鼠标放上文字切换样式表,这样整个网页就变了风格,是不是很实用?

运行效果截图如下:

JS实现鼠标滑过链接改变网页背景颜色的方法

在线演示地址如下:

具体代码如下:

<html>
<head>
<title>鼠标放上链接改变网页背景颜色</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
function goHist(a) 
{
  history.go(a);
}
</script>
</head>
<body>
<center>
<h2>鼠标放到相应链接上看看!</h2>
<table border=1 borderlight=green style="border-collapse: collapse" cellpadding="5" cellspacing="0">
<tr><td align=center>
<a href="#" onMouseOver="document.bgColor='skyblue'">天空蓝</a>
<a href="#" onMouseOver="document.bgColor='red'">大红色</a>
<a href="#"onMouseOver="document.bgColor='#0066CC'">清新蓝</a> 
</td></tr>
</table>
</center>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
window.dialogArguments 使用说明
Apr 11 Javascript
JavaScript中数组对象的那些自带方法介绍
Mar 12 Javascript
使用jQueryMobile实现滑动翻页效果的方法
Feb 04 Javascript
JS实现仿QQ聊天窗口抖动特效
May 10 Javascript
Javascript动态创建表格及删除行列的方法
May 15 Javascript
jQuery视差滚动效果网页实现方法经验总结
Sep 29 Javascript
第一次接触神奇的Bootstrap
Oct 14 Javascript
Node.js使用Express创建Web项目详细教程
Mar 31 Javascript
React学习之事件绑定的几种方法对比
Sep 24 Javascript
浅谈angular2路由预加载策略
Oct 04 Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
详解webpack模块化管理和打包工具
Apr 21 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
Oct 20 #Javascript
jquery如何获取元素的滚动条高度等实现代码
Oct 19 #Javascript
js验证身份证号有效性并提示对应信息
Oct 19 #Javascript
详解JavaScript数组的操作大全
Oct 19 #Javascript
全系IE支持Bootstrap的解决方法
Oct 19 #Javascript
JS+CSS实现分类动态选择及移动功能效果代码
Oct 19 #Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 #Javascript
You might like
我的论坛源代码(五)
2006/10/09 PHP
PHP实现网上点歌(二)
2006/10/09 PHP
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
PHP超级全局变量数组小结
2012/10/04 PHP
PHP获取指定函数定义在哪个文件中以及其所在的行号实例
2014/05/08 PHP
PHP连接access数据库
2015/03/27 PHP
php三种实现多线程类似的方法
2015/10/30 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
让textarea控件的滚动条怎是位与最下方
2007/04/20 Javascript
Jquery 动态生成表格示例代码
2013/12/24 Javascript
IE中图片的onload事件无效问题和解决方法
2014/06/06 Javascript
node.js中的fs.fchmodSync方法使用说明
2014/12/16 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
10个很棒的jQuery代码片段
2015/09/24 Javascript
jQuery动态增减行的实例代码解析(推荐)
2016/12/05 Javascript
JS实现的驼峰式和连字符式转换功能分析
2016/12/21 Javascript
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
2018/10/08 Javascript
JavaScript递归函数定义与用法实例分析
2019/01/24 Javascript
Express结合Webpack的全栈自动刷新
2019/05/23 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
javascript实现函数柯里化与反柯里化过程解析
2019/10/08 Javascript
vue中实现弹出层动画效果的示例代码
2020/09/25 Javascript
Python实现遍历数据库并获取key的值
2015/05/17 Python
python读取excel表格生成erlang数据
2017/08/26 Python
python3 实现对图片进行局部切割的方法
2018/12/05 Python
使用python的turtle函数绘制一个滑稽表情
2020/02/28 Python
python中@property的作用和getter setter的解释
2020/12/22 Python
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
企业优秀员工事迹材料
2014/05/28 职场文书
影视广告专业求职信
2014/09/02 职场文书
开幕式邀请函
2015/01/31 职场文书
学校实习推荐信
2015/03/27 职场文书
结婚仪式主持词
2015/06/29 职场文书
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL
Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换
2022/04/24 Python
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers