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让Textarea支持tab按键的方法
Jun 26 Javascript
九种原生js动画效果
Nov 11 Javascript
jquery中的常见问题及快速解决方法小结
Jun 14 Javascript
Node.JS中事件轮询(Event Loop)的解析
Feb 25 Javascript
bootstrap响应式工具使用详解
Nov 29 Javascript
解决vue接口数据赋值给data没有反应的问题
Aug 27 Javascript
vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
Aug 29 Javascript
详解JavaScript中操作符和表达式
Sep 12 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
js实现unicode码字符串与utf8字节数据互转详解
Mar 21 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
Jul 22 Javascript
jQuery实现查看图片功能
Dec 01 jQuery
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新手上路(四)
2006/10/09 PHP
PHP4中session登录页面的应用
2008/07/25 PHP
20个2014年最优秀的PHP框架回顾
2014/10/22 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
javaScript 数值型和字符串型之间的转换
2009/07/25 Javascript
javascript中的取反再取反~~没有意义
2014/04/06 Javascript
jquery分割字符串的方法
2015/06/24 Javascript
js获取当前日期时间及其它日期操作汇总
2016/03/08 Javascript
Jquery $when done then的用法详解
2016/05/20 Javascript
实例讲解JavaScript中的this指向错误解决方法
2016/06/13 Javascript
微信jssdk用法汇总
2016/07/16 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
详解用node-images 打造简易图片服务器
2017/05/08 Javascript
JS实现图片放大镜插件详解
2017/11/06 Javascript
vue如何实现自定义底部菜单栏
2019/07/01 Javascript
[01:33:59]真人秀《加油 DOTA》 第六期
2014/09/09 DOTA
[50:20]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第四局
2016/03/06 DOTA
python查看FTP是否能连接成功的方法
2015/07/30 Python
Python制作Windows系统服务
2017/03/25 Python
Python爬虫框架Scrapy常用命令总结
2018/07/26 Python
使用matplotlib绘制图例标签中带有公式的图
2019/12/13 Python
pytorch 改变tensor尺寸的实现
2020/01/03 Python
tensorflow estimator 使用hook实现finetune方式
2020/01/21 Python
python 装饰器的使用示例
2020/10/10 Python
德国大型的家具商店:Pharao24.de
2016/10/02 全球购物
大女孩胸罩:Big Girls Bras
2016/12/15 全球购物
教师党性分析材料
2014/02/04 职场文书
2014年中班元旦活动方案
2014/02/14 职场文书
群众路线党课主持词
2014/04/01 职场文书
整改报告格式
2014/11/06 职场文书
警告通知
2015/04/25 职场文书
青少年法制教育心得体会
2016/01/14 职场文书
创业计划书详解
2019/07/19 职场文书
企业版Windows 11有哪些新功能? Win11适用于企业的功能介绍
2021/11/21 数码科技
Sql Server之数据类型详解
2022/02/28 SQL Server