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 相关文章推荐
jscript之List Excel Color Values
Jun 13 Javascript
jquery text()要注意啦
Oct 30 Javascript
javascript中的undefined 与 null 的区别  补充篇
Mar 17 Javascript
js substr支持中文截取函数代码(中文是双字节)
Apr 17 Javascript
node.js中的url.format方法使用说明
Dec 10 Javascript
Javascript递归打印Document层次关系实例分析
May 15 Javascript
使用jQuery实现Web页面换肤功能的要点解析
May 12 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
Aug 04 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
JavaScript设计模式之模板方法模式原理与用法示例
Aug 07 Javascript
微信小程序登录时如何获取input框中的内容
Dec 04 Javascript
vue3种table表格选项个数的控制方法
Apr 14 Vue.js
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
PHP以及MYSQL日期比较方法
2012/11/29 PHP
PHP处理会话函数大总结
2015/08/05 PHP
PHP中addslashes()和stripslashes()实现字符串转义和还原用法实例
2016/01/07 PHP
Zend Framework教程之路由功能Zend_Controller_Router详解
2016/03/07 PHP
ThinkPHP框架整合微信支付之刷卡模式图文详解
2019/04/10 PHP
php字符串过滤strip_tags()函数用法实例分析
2019/06/24 PHP
laravel5表单唯一验证的实例代码
2019/09/30 PHP
Laravel 将数据表的数据导出,并生成seeds种子文件的方法
2019/10/09 PHP
从Ajax到JQuery Ajax学习
2007/02/14 Javascript
JavaScript 异步调用框架 (Part 6 - 实例 &amp; 模式)
2009/08/04 Javascript
js 弹出菜单/窗口效果
2011/10/30 Javascript
Json和Jsonp理论实例代码详解
2013/11/15 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
2015/02/06 Javascript
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
JS 对象(Object)和字符串(String)互转方法
2016/05/20 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
Vue2.0用户权限控制解决方案的示例
2018/02/10 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
JS实现滑动导航效果
2020/01/14 Javascript
vue学习笔记之slot插槽基本用法实例分析
2020/02/01 Javascript
vue组件开发之slider组件使用详解
2020/08/21 Javascript
Python strip lstrip rstrip使用方法
2008/09/06 Python
5种Python单例模式的实现方式
2016/01/14 Python
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
pytorch训练imagenet分类的方法
2018/07/27 Python
Django中在xadmin中集成DjangoUeditor过程详解
2019/07/24 Python
Python3如何对urllib和urllib2进行重构
2019/11/25 Python
python中shell执行知识点
2020/05/06 Python
Python 处理日期时间的Arrow库使用
2020/08/18 Python
python Matplotlib模块的使用
2020/09/16 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
乌克兰的第一家手表店:Deka
2020/03/05 全球购物
打架检讨书2000字
2014/02/22 职场文书
高一数学教学反思
2016/02/18 职场文书