响应鼠标变换表格背景或者颜色的代码
1、是图片 一般就是准备两张图片 当鼠标放上去即显示另外一张图片
<table width="100" border="0" cellspacing="0" cellpadding="0" onmouseover=javascript:this.background='images/jb51-1.jpg' onmouseout=background='images/jb51-2.jpg'>
2、变换颜色
如下所写,这个是变化背景颜色
<tr bgColor="#FFFFFF" onMouseOut="this.bgColor='#FFFFFF';" onMouseOver="this.bgColor='#E0E0E0';" >
相关推荐
-
一个背景云变换js特效 鼠标移动背景云变化
提到博客,不能不提到博客园cnblogs.com.绝对是国内非常非常牛逼的博客云集地.可能我关注博客的时间比较短,从2010年才开始,而那里的博主们基本4年以上的博龄了. 在群里有人要个比较个性的企业网站,诗缘妹子就贴了一个网址,我没事也点了看了下,果真不错.下面你就想到了,这个背景云变换js特效我看上眼了. 由于用的一些css3属性,部分低版本的浏览器可是没有效果的哦. 使用方法很简单,直接在你所要实现效果的最底层加入: 复制代码 代码如下: <!--parallax--> <link
-
用javascript实现li 列表数据隔行变换背景颜色
New Document title 111 222 333 444 555 666 objName=document.getElementById("list01").getElementsByTagName("li") for (i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
Jquery刷新页面背景图片随机变换的实现方法
使用方法:下载jquery-1.9.1.js,然后设置CSS,图片文件放在images/new_feed/目录下,图片命名格式为bg_x.jpg,修改随机数产生范围 一.CSS代码 复制代码 代码如下: <style> body{ padding:0; background-attachment: fixed; background-clip: border-box; bac
-
js导航栏单击事件背景变换示例代码
如下所示; 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv=
-
JS代码实现根据时间变换页面背景效果
1.概述 有些时侯为了丰富页面的显示效果,将页面制作成根据时间变换页面背景的样式,这样会使浏览者对此网站不会感觉厌倦,同时也会觉得网站制作的非常新颖.本实例通过Date对象的getHours()方法获得当前系统时间的小时,然后根据不同的时间段来改变页面的背景图片. 2.技术要点 主要使用JavaScript中的Date对象的getHours()方法得到当前系统时间的小时,然后在一定的时间段内判断当前小时是否符合指定的时间段,如果符合则使用document对象的write()方法在页面中显示一幅图
-
asp下制做行背景颜色交替变换的表格
<% Const adInteger = 3 Const adVarChar = 200 ' 声明变量 Dim myRecordset Dim iLetter Dim Field Dim strAltColor Dim bColor bColor = False ' 此例利用内存中的recordset,你需要做的只是修改你的数据显示的部分就可以了. Set myRecordset = Server.CreateObject("ADODB.Recor
-
javascript背景颜色按时变换
<head> </head> <body onload="setcolor()" > <div id=mydiv style="font:12px sans-serif;width:300px;height:200px;">背景色测试</div> <script> function setcolor() { var colorString; do{ colorString="#&quo
-
响应鼠标变换表格背景或者颜色的代码
1.是图片 一般就是准备两张图片 当鼠标放上去即显示另外一张图片<table width="100" border="0" cellspacing="0" cellpadding="0" onmouseover=javascript:this.background='images/jb51-1.jpg' onmouseout=background='images/jb51-2.jpg'> 2.变换颜色如下所写,这个
-
jQuery实现鼠标滑过Div层背景变颜色的方法
本文实例讲述了jQuery实现鼠标滑过Div层背景变颜色的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>jQuery实现感应鼠标经过Div层变换图层背景颜色)</title> <style type="text/css"> .divbox{ height:300px; width:200px; background:#ffffff; border
-
jQuery实现响应鼠标背景变化的动态菜单效果代码
本文实例讲述了jQuery实现响应鼠标背景变化的动态菜单效果代码.分享给大家供大家参考.具体如下: 这是一款jQuery响应鼠标背景变化的动态菜单,菜单的背景在鼠标放上后有所变化,这款菜单的实现主要是使用了图片,修改菜单的时候要修改图片,有些麻烦,不过效果不错,引入的jquery插件是1.7版本,高版本jQuery未测试,应该也可以啦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-mouse-cha-bg-pic-menu-co
-
JavaScript实现鼠标经过表格行给出颜色标识
本文实例为大家分享了JavaScript实现鼠标经过表格行给出颜色标识,供大家参考,具体内容如下 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=&
-
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
本文实例讲述了jQuery实现响应鼠标事件的图片透明效果.分享给大家供大家参考,具体如下: 实现的思想: 1.当鼠标放在图片上面的时候触发mouseover mouseenter两个事件(图片变得透明) 2.当鼠标离开图片的时候触发mouseleave mouseout两个事件(图片变为不透明) 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or
-
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
本文实例讲述了jQuery实现的响应鼠标移动方向插件用法.分享给大家供大家参考,具体如下: HTML代码如下: <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=de
-
JavaScript实现鼠标经过表格某行时此行变色
本文实例为大家分享了js鼠标经过表格某行时此行变色的具体代码,供大家参考,具体内容如下 表格表头为蓝色,表主体为白色,当鼠标放到表的非表头行时,这一行颜色变为黄色,鼠标离开时黄色消失. <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid
-
js实现鼠标经过表格行变色的方法
本文实例讲述了js实现鼠标经过表格行变色的方法.分享给大家供大家参考.具体实现方法如下: <script type=text/javascript> <!-- (function(){ var rows = document.getElementById("listdata"); var add = function(){ this.style.backgroundColor="#f3f3f1"; }; var del = function(){
-
asp.net ListView交替背景颜色实现代码
只一行代码: 复制代码 代码如下: <tr style="<%# (Container.DisplayIndex%2==0)?"background-color:white;":"background-color:#EEEEEE;" %>"> 另外还有直接用js处理整个页面中所有tr的交替色: 复制代码 代码如下: <html> <head> <meta http-equiv="Co
-
在shell或者perl中改变字体或背景的颜色
在shell下提到终端的颜色的时候不得不提到几个提示符变量: PS1:默认提示符,也就是远程登上系统之后,打开终端,我们天天见到的那个熟悉的提示符: [root@vps ~]$echo $PS1[\u@\h \W]$ PS2:就是我们命令一行写不完在我们命令行下我们打上"\",另起一行所显示的那个: [root@vps ~]$echo "hello" \> "world"hello world[root@vps ~]$echo $PS1[\
随机推荐
- vue组件Prop传递数据的实现示例
- rails制作rss feed代码
- jquery表单验证实例仿Toast提示效果
- vbs获取当前时间日期的代码
- Java 实现多线程的几种方式汇总
- php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
- Linux下如何使用grep命令查找带有tab(退格)的字符
- FileSystem对象常用的文件操作函数有哪些?
- 详解VueJs异步动态加载块
- asp实现生成由数字,大写字母,小写字母指定位数的随机数
- jquery dataTable 后台加载数据并分页实例代码
- 简介JavaScript中用于处理正切的Math.tan()方法
- 华表CELL组件的应用
- ISA Server 的故障排除工具(2)
- C#使用Directoryinfo类获得目录信息和属性的方法
- python matplotlib坐标轴设置的方法
- 浅谈Vue-cli 命令行工具分析
- 使用javax.sound实现简单音频播放
- C++面试基础之static关键字详解
- Python 窗体(tkinter)按钮 位置实例