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 相关文章推荐
Javascript中的常见排序算法
Mar 27 Javascript
jQuery实现鼠标滑过遮罩并高亮显示效果
Jul 16 Javascript
js如何实现设计模式中的模板方法
Jul 23 Javascript
JavaScript事件委托的技术原理探讨示例
Apr 17 Javascript
javascript异步编程代码书写规范Promise学习笔记
Feb 11 Javascript
Angular 根据 service 的状态更新 directive
Apr 03 Javascript
Javascript中判断一个值是否为undefined的方法详解
Sep 28 Javascript
js querySelector() 使用方法
Dec 21 Javascript
微信小程序之拖拽排序(代码分享)
Jan 21 Javascript
Jquery-data的三种用法
Apr 18 jQuery
详解Node全局变量global模块
Sep 28 Javascript
小程序如何自主实现拦截器的示例代码
Nov 04 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的简易冒泡法代码分享
2012/08/28 PHP
CURL的学习和应用(附多线程实现)
2013/06/03 PHP
php读取大文件示例分享(文件操作类)
2014/04/13 PHP
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
php限制ip地址范围的方法
2015/03/31 PHP
PHP 实现手机端APP支付宝支付功能
2018/06/07 PHP
js静态作用域的功能。
2006/12/25 Javascript
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
javascript 写类方式之四
2009/07/05 Javascript
使用JavaScript switch case 另类写法
2010/03/14 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
2011/05/23 Javascript
jquery实现div拖拽宽度示例代码
2013/07/31 Javascript
使用JavaScript开发IE浏览器本地插件实例
2015/02/18 Javascript
JS选中checkbox后获取table内一行TD所有数据的方法
2015/07/01 Javascript
解析ajaxFileUpload 异步上传文件简单使用
2016/12/30 Javascript
浅谈Node.js之异步流控制
2017/10/25 Javascript
node.js的exports、module.exports与ES6的export、export default深入详解
2017/10/26 Javascript
详解操作虚拟dom模拟react视图渲染
2018/07/25 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
2020/03/10 Javascript
你不知道的SpringBoot与Vue部署解决方案
2020/11/09 Javascript
Java Web开发过程中登陆模块的验证码的实现方式总结
2016/05/25 Python
python 类详解及简单实例
2017/03/24 Python
Selenium元素的常用操作方法分析
2018/08/10 Python
Python Numpy:找到list中的np.nan值方法
2018/10/30 Python
Python实现的微信红包提醒功能示例
2019/08/22 Python
jupyter notebook 重装教程
2020/04/16 Python
python连接mongodb数据库操作数据示例
2020/11/30 Python
html5中为audio标签增加停止按钮动作实现方法
2013/01/04 HTML / CSS
英国领先的鞋类零售商和顶级品牌的官方零售商:Wynsors
2020/02/17 全球购物
挂职自我鉴定
2014/02/26 职场文书
教师读书活动总结
2014/05/07 职场文书
入职担保书怎么写
2014/05/12 职场文书
学校督导评估方案
2014/06/10 职场文书
团拜会主持词
2015/07/04 职场文书
JavaScript实现复选框全选功能
2021/04/11 Javascript
pytorch 如何使用amp进行混合精度训练
2021/05/24 Python