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 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
DHTML Slide Show script图片轮换
Mar 03 Javascript
jQuery鼠标事件汇总
Aug 30 Javascript
Javascript使用uploadify来实现多文件上传
Nov 16 Javascript
Node.js中如何合并两个复杂对象详解
Dec 31 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
Apr 13 Javascript
微信小程序访问node.js接口服务器搭建教程
Apr 25 Javascript
Web安全之XSS攻击与防御小结
Dec 13 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
Feb 07 Javascript
Vue实现可移动水平时间轴
Jun 29 Javascript
js+canvas实现五子棋小游戏
Aug 02 Javascript
vue.js Router中嵌套路由的实用示例
Jun 27 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学习散记_编码(json_encode 中文不显示)
2011/11/10 PHP
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
ThinkPHP实现非标准名称数据表快速创建模型的方法
2014/11/29 PHP
Laravel路由设定和子路由设定实例分析
2016/03/30 PHP
dojo 之基础篇(二)之从服务器读取数据
2007/03/24 Javascript
Dojo 学习笔记入门篇 First Dojo Example
2009/11/15 Javascript
判断控件是否已加载完成的代码
2010/02/24 Javascript
dess中一个简单的多路委托的实现
2010/07/20 Javascript
JS模拟面向对象全解(一、类型及传递)
2011/07/13 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
浅谈javascript回调函数
2014/12/07 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
jQuery自定义动画函数实例详解(附demo源码)
2015/12/10 Javascript
基于jQuery实现美观且实用的倒计时实例代码
2015/12/30 Javascript
利用Jasmine对Angular进行单元测试的方法详解
2017/06/12 Javascript
JS库之Three.js 简易入门教程(详解之一)
2017/09/13 Javascript
详解用场景去理解函数柯里化(入门篇)
2019/04/11 Javascript
使vue实现jQuery调用的两种方法
2019/05/12 jQuery
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
python支持断点续传的多线程下载示例
2014/01/16 Python
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
Django 浅谈根据配置生成SQL语句的问题
2018/05/29 Python
Docker部署Python爬虫项目的方法步骤
2020/01/19 Python
python读取图片的几种方式及图像宽和高的存储顺序
2020/02/11 Python
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
迟到检讨书800字
2014/01/13 职场文书
《果园机器人》教学反思
2014/04/13 职场文书
个人学习总结范文
2015/02/15 职场文书
跑出一片天观后感
2015/06/08 职场文书
《认识年月日》教学反思
2016/02/19 职场文书
责任书格式
2019/04/18 职场文书
Django中的JWT身份验证的实现
2021/05/07 Python
python实现A*寻路算法
2021/06/13 Python
CI Games宣布《堕落之王2》使用虚幻引擎5制作 预计将于2023年正式发售
2022/04/11 其他游戏
Python 匹配文本并在其上一行追加文本
2022/05/11 Python
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers