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 相关文章推荐
解密效果
Jun 23 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 Javascript
使用jQuery监听DOM元素大小变化
Feb 24 Javascript
jquery中validate与form插件提交的方式小结
Mar 26 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
移动端使用localResizeIMG4压缩图片
Apr 22 Javascript
js绑定事件和解绑事件
Apr 27 Javascript
深入理解Vuex 模块化(module)
Sep 26 Javascript
vue计算属性和监听器实例解析
May 10 Javascript
基于bootstrap页面渲染的问题解决方法
Aug 09 Javascript
解决Layui数据表格的宽高问题
Sep 28 Javascript
微信小程序实现带放大效果的轮播图
May 26 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
德生9700DX电路分析
2021/03/02 无线电
php email邮箱正则
2008/10/08 PHP
php高级编程-函数-郑阿奇
2011/07/04 PHP
PHP中CURL方法curl_setopt()函数的参数分享
2013/01/19 PHP
php实现的短网址算法分享
2014/06/20 PHP
php函数serialize()与unserialize()用法实例
2014/11/06 PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
2020/07/21 PHP
php+ajax无刷新上传图片的实现方法
2016/12/06 PHP
PHP实现RSA签名生成订单功能【支付宝示例】
2017/06/06 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
PHP支付宝当面付2.0代码
2018/12/21 PHP
Javascript学习笔记二 之 变量
2010/12/15 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
2013/01/15 Javascript
JS获取地址栏参数的小例子
2013/08/23 Javascript
影响jQuery使用的14个方面
2014/09/01 Javascript
javascript之Array 数组对象详解
2016/06/07 Javascript
vue双向绑定简要分析
2017/03/23 Javascript
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
浅谈微信小程序flex布局基础
2018/09/10 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
2018/10/18 Javascript
Vue实现table上下移动功能示例
2019/02/21 Javascript
vue.js实现照片放大功能
2020/06/23 Javascript
介绍Python的Urllib库的一些高级用法
2015/04/30 Python
Python3使用requests发闪存的方法
2016/05/11 Python
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
Python批量发送post请求的实现代码
2018/05/05 Python
对Python3+gdal 读取tiff格式数据的实例讲解
2018/12/04 Python
Python3 关于pycharm自动导入包快捷设置的方法
2019/01/16 Python
Python 实现3种回归模型(Linear Regression,Lasso,Ridge)的示例
2020/10/15 Python
python 实现&quot;神经衰弱&quot;翻牌游戏
2020/11/09 Python
css3 background属性调整增强介绍
2010/12/18 HTML / CSS
UGG英国官方网站:UGG UK
2018/02/08 全球购物
计算机专业毕业生推荐信
2013/11/25 职场文书
律师函格式范本
2015/05/27 职场文书
高二英语教学反思
2016/03/03 职场文书
阿里云日志过滤器配置日志服务
2022/04/09 Servers