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 相关文章推荐
查询json的数据结构的8种方式简介
Mar 10 Javascript
js操作模态窗口及父子窗口间相互传值示例
Jun 09 Javascript
JavaScript中对象介绍
Dec 31 Javascript
IE6兼容透明背景图片及解决方案
Aug 19 Javascript
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
Nov 06 Javascript
js点击文本框弹出可选择的checkbox复选框
Feb 03 Javascript
在页面中输出当前客户端时间javascript实例代码
Mar 02 Javascript
微信小程序 图片宽高自适应详解
May 11 Javascript
解析Vue.js中的组件
Feb 02 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
Dec 24 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
Sep 17 Javascript
Vue.js实现立体计算器
Feb 22 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
不用MOUSEMOVE也能滑动啊
2007/05/23 Javascript
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
2012/11/14 Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
2013/04/11 Javascript
利用jquery.qrcode在页面上生成二维码且支持中文
2014/02/12 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
2015/02/28 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
2016/05/09 Javascript
Zepto实现密码的隐藏/显示
2017/04/07 Javascript
深入探究node之Transform
2017/07/20 Javascript
浅谈angular2 组件的生命周期钩子
2017/08/12 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
2017/10/24 Javascript
js中如何完美的解析数据
2018/03/18 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
Vue使用NPM方式搭建项目
2018/10/25 Javascript
基于layui的table插件进行复选框联动功能的实现方法
2019/09/19 Javascript
JavaScript编码小技巧分享
2020/09/17 Javascript
vue绑定class的三种方法
2020/12/24 Vue.js
js实现头像上传并且可预览提交
2020/12/25 Javascript
Python3实现获取图片文字里中文的方法分析
2018/12/13 Python
Python实现网页截图(PyQT5)过程解析
2019/08/12 Python
python的json中方法及jsonpath模块用法分析
2019/12/06 Python
新版Pycharm中Matplotlib不会弹出独立的显示窗口的问题
2020/06/02 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
JAKO-O德国野酷台湾站:德国首屈一指的婴幼童用品品牌
2019/01/14 全球购物
Blue Nile中国官网:全球知名的钻石和珠宝网络零售商
2020/03/22 全球购物
标记环网Toke Ring IEEE802.5
2014/05/26 面试题
简历中求职的个人自我评价
2013/12/03 职场文书
2015商场元旦促销活动策划方案
2014/12/09 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
初中团委工作总结
2015/08/13 职场文书
python自动化调用百度api解决验证码
2021/04/13 Python
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python
Zabbix对Kafka topic积压数据监控的解决方案
2022/07/07 Servers