用单元格变色的方法来做网页导航,在网上可以经常看到,但代码有简有繁,如果运用样式表来实现,将可以节约很多代码,特别是当有很多行需用这种效果时:

1

.aa
  { background-color:#aaa; color:#000 }
.bb 
  { background-color:#ccc; color:#000 }

<table width="200" border="0" cellspacing="1" cellpadding="0" >
<tr>
<td οnmοuseοver="this.className='aa'" οnmοuseοut="this.className='bb'" class="bb" >test </td>
<td οnmοuseοver="this.className='aa'" οnmοuseοut="this.className='bb'" class="bb" > test</td>
<td οnmοuseοver="this.className='aa'" οnmοuseοut="this.className='bb'" class="bb" > test</td>
</tr>
</table>
2

table#changecolor td a {
 width:100%;
 display:block;
 background-color:#ccc;
}
table#changecolor td a:hover {
 width:100%;
 background-color:#aaa;
}

<table id="changecolor" width="200" border="0" cellspacing="1" cellpadding="0" >
<tr>
<td ><a href="##">test</a>  </td>
<td ><a href="##">test</a>  </td>
<td ><a href="##">test</a>  </td>
</tr>
</table>

图片透明

<SCRIPT language=JavaScript1.2>
<!--
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",30)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=100
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity>30)
cur2.filters.alpha.opacity-=10
else if (window.highlighting)
clearInterval(highlighting)
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</SCRIPT>

<IMG
            οnmοuseοver=high(this) style="FILTER: alpha(opacity=100)"
            οnmοuseοut=low(this)
            src="m/menu1.gif"
        border=0>

转载于:https://www.cnblogs.com/zerogo/archive/2007/07/17/2209351.html

单元格变色和图片透明相关推荐

  1. java鼠标经过时变色_鼠标经过时单元格变色

    鼠标经过时单元格变色 table{ color:#565; font:12px Arial, Helvetica, sans-serif; } td{ border-bottom:2px solid ...

  2. CSS+JS鼠标悬停单元格变色

    又一款鼠标悬停表格单元格,表格变色的实例效果,运用了CSS和JS两者技术的结合,因些兼容性非常好,而且易于控制,代码修改方便,跟表格读取动态数据没有任何关系,比较方便. <html> &l ...

  3. NPOI 在指定单元格导入导出图片

    NPOI 在指定单元格导入导出图片 Intro 我维护了一个 NPOI 的扩展(WeihanLi.Npoi),主要用来导入导出 Excel 数据,最近有网友提出了导入 Excel 的时候解析图片的需求 ...

  4. java 向word中添加excel附件并向excel单元格中加入图片并压缩图片并根据图片动态控制单元格高度宽度

    word中加入excel附件 excel单元格中插入图片 word freemarker Excel poi 制作, jxl 插入图片 压缩图片/宽高,动态控制单元格高度与宽度 1.word 需要模板 ...

  5. 如何在excel2019指定的单元格中插入图片

    最近,要完成一些论文的调研及整理工作,针对各个论文中提到的方法,系统模型等. 原想在单元格中插入图片,发现单元格右键插入,压根就没插入图片这一项功能,如图所示 故在菜单栏中,找到插入 -> 图片 ...

  6. Excel:技巧:如何:图片随着单元格变化+双击图片会出现系统自带的绘画工具显示图片

    目录 一.目的 1.想知道:如何:图片随着单元格变化+双击图片会出现系统自带的绘画工具显示图片 1.一开始想表格插入图片,找到方法查看图片大图 二.参考 三.注意 1.最终发现:操作:1:随着图片越来 ...

  7. WPS表格如何实现单元格内粘贴图片

    WPS要实现在单元格内粘贴图片有两种方法. 选中要插入图片的单元格,点击插入. 这样就可以把图片嵌入单元格了. 把复制的图片直接粘贴到单元格. 复制的图片在客户端可以直接粘贴到表格内,但是不能直接粘贴 ...

  8. poi word操作之向单元格内添加图片

    poi word操作之向单元格内添加图片 1,主要难点: poi word操作之向单元格内添加图片考虑的点: 1)考虑图片在单元格内的占比(动态的调整图片在文档中的宽高) 2,解决步骤 1)首先需要获 ...

  9. Excel单元格如何嵌入图片?

    Excel中插入图片,如何正好放在单元格中,并且能够随着单元格变化跟着变化?今天分享方法给大家. 首先,将excel单元格调节好插入图片的大小 然后将图片插入到单元格中 调节图片大小到单元格中,然后右 ...

最新文章

  1. Centos6.2救援模式修改密码
  2. 高铁转地铁不想重复安检?多地已有举措
  3. 华为汪涛:定义5.5G,构建美好智能世界
  4. “放到桌面”的Servlet实现
  5. 站在巨人的肩膀,2020我在使用和涉及到的开源项目
  6. YBTOJ:字符匹配(KMP)
  7. javah导出类的头文件抛出异常——java.lang.IllegalArgumentException: Not a valid class name(原因及解决方法)
  8. 面对10ms的延迟,这群人就是一个字“改”
  9. mac mongodb可视化工具_github项目推荐|2019 冠状病毒疫情爬虫。疫情数据可视化
  10. Nginx学习总结(14)——Nginx配置参数详细说明与整理
  11. Android电池管理系统系统分析
  12. ArcFace免费人脸识别 Demo [Android]
  13. DeepFake技术--Deepfakes教程及各个换脸软件下载
  14. matlab2019b的gui界面在哪_MATLAB(3)——GUI界面设计入门
  15. 计算机232接口接线,RS232串口的简单介绍_RS232接线方法及电气特性
  16. LibCef中的一些坑
  17. 大数据与数据挖掘的相对绝对关系
  18. 转调小程序(练口琴时用的)
  19. 用“江湖兵器排行榜”前10的语言输出hello world,你会几种?顺便拜拜祖师爷!
  20. python battleship_一个python初学者的作业,battleship

热门文章

  1. 我的Go+语言初体验——ubuntu安装Go+环境问题锦集(二)
  2. wait_timeout【Mysql】解决方案
  3. MySQL性能优化之char、varchar、text的区别
  4. ORACLE OMF介绍
  5. `MediaDevices.getUserMedia` `undefined` 的问题
  6. thinkphp curd的事务回滚 一看就会
  7. JAVA自学笔记22
  8. JavaScript HTML DOM - 改变 HTML
  9. 20155303狄惟佳预备作业三Linux学习笔记
  10. 免费的SEO工具软件大全