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 相关文章推荐
根据分辩率调用不同的CSS.
Jan 08 Javascript
从父页面读取和操作iframe中内容方法
Jul 25 Javascript
editable.js 基于jquery的表格的编辑插件
Oct 24 Javascript
js替代copy(示例代码)
Nov 27 Javascript
使用JSLint提高JS代码质量方法分享
Dec 16 Javascript
jquery删除数据记录时的弹出提示效果
May 06 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 Javascript
javascript实现tab切换的两个实例
Nov 05 Javascript
js封装成插件的步骤方法
Sep 11 Javascript
js实现Tab选项卡切换效果
Jul 17 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 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
php 变量未定义等错误的解决方法
2011/01/12 PHP
php设计模式 FlyWeight (享元模式)
2011/06/26 PHP
ecshop添加菜单及权限分配问题
2017/11/21 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
extjs 学习笔记(三) 最基本的grid
2009/10/15 Javascript
Node.js中HTTP模块与事件模块详解
2014/11/14 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
jQuery查找节点方法完整实例
2016/09/13 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
微信小程序 前端源码逻辑和工作流详解
2016/10/08 Javascript
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
Vue from-validate 表单验证的示例代码
2017/09/26 Javascript
JS基于对象的链表实现与使用方法示例
2019/01/31 Javascript
js实现网页同时进行多个倒计时功能
2019/02/25 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
使用Anaconda3建立虚拟独立的python2.7环境方法
2018/06/11 Python
Python3解释器知识点总结
2019/02/19 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
python Popen 获取输出,等待运行完成示例
2019/12/30 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
Python如何定义有默认参数的函数
2020/08/10 Python
Pycharm无法打开双击没反应的问题及解决方案
2020/08/17 Python
Selenium环境变量配置(火狐浏览器)及验证实现
2020/12/07 Python
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
Tom Dixon官网:英国照明及家具设计和制造公司
2019/03/01 全球购物
澳洲最大的时尚奢侈品电商平台:Cettire
2020/06/15 全球购物
秘书岗位职责
2013/11/18 职场文书
土木工程专业个人求职信
2013/12/30 职场文书
护士找工作求职信
2014/07/02 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书
查看nginx配置文件路径和资源文件路径的方法
2021/03/31 Servers
Python实现byte转integer
2021/06/03 Python
python 网络编程要点总结
2021/06/18 Python
如何搭建 MySQL 高可用高性能集群
2021/06/21 MySQL
SpringBoot项目部署到阿里云服务器的实现步骤
2022/06/28 Java/Android