js实现九宫格图片半透明渐显特效的方法
作者：代码家园 发布时间：2024-04-19 11:03:55
本文实例讲述了js实现九宫格图片半透明渐显特效的方法。分享给大家供大家参考。具体实现方法如下：
<html>
<title>九宫格图片半透明渐显效果</title>
<body>
<STYLE type=text/css>.invisible {
FILTER: alpha(opacity=0)
}
</STYLE>
<SCRIPT language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=0
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</SCRIPT>
<TABLE borderColor=#999999 cellSpacing=8 cellPadding=0 width=302
border=0><TBODY>
<TR>
<TD width=90 background=text1.gif bgColor=#db4d0e
height=90><A href=""><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m01.jpg" border=0 width=180px height=135px></A></TD>
<TD width=90 background=text2.gif bgColor=#ff9f07><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m02.jpg" border=0 width=180px height=135px></A></TD>
<TD width=90 background=text3.gif bgColor=#ff9f07><A
href=""><IMG class=invisible
onmouseover=high(this) onmouseout=low(this) src="/images/m03.jpg"
border=0 width=180px height=135px></A></TD></TR>
<TR>
<TD background=text4.gif bgColor=#ff9f07><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m04.jpg" border=0 width=180px height=135px></A></TD>
<TD background=text5.gif bgColor=#a5d523><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m05.jpg" border=0 width=180px height=135px></A></TD>
<TD background=text6.gif bgColor=#c56e19><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m06.jpg" border=0 width=180px height=135px></A></TD></TR>
<TR>
<TD background=text12.gif bgColor=#ff9f07><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m07.jpg" border=0 width=180px height=135px></A></TD>
<TD background=text8.gif bgColor=#c56e19><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m08.jpg"
border=0 width=180px height=135px></A></TD>
<TD background=text7.gif bgColor=#c56e19><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m09.jpg" border=0 width=180px height=135px></A></TD></TR></TBODY></TABLE>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
0
投稿猜你喜欢
- pandas DataFrame是二维的,所以,它既有列索引,又有行索引上一篇里只介绍了列索引:import pandas as pddf
- 最近在公司接到一个需求，里面有一个 * 跳转。类似于选择地址的时候，选择的顺序是：省份->市->区。如果分三个页面跳转，那么体验非
1.前言JavaWeb Struts2的 * 我们都能很熟悉，在请求交给Action处理之前，先在 * 中处理，处理完之后再交给Action- 本文实例讲述了微信小程序使用slider设置数据值及switch开关组件功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码① i
- 一、赋值对比1、列表l1 = [1,2,3]l2 = l1l1.append('a')print(l1,l2)
- Unittest是Python标准库中自带的单元测试框架，Unittest有时候也被称为PyUnit，就像JUnit是Java语言的标准单元
- 背景一直以来，中式占卜都是基于算命先生手工实现，程序繁琐（往往需要沐浴、计算天时、静心等等流程）。准备工作复杂（通常需要铜钱等道具），计算方
- 在表中有两个字段：id_no (varchar) , in_date (datetime) ，把in_date相同的记录的in_date依次
- 1、将python打包好的exe解压为py文件，步骤如下： 下载pyinstxtractor.py文件2、下载地址：https://nchc
- 现在很多朋友都不止一个账户，不止一个密码。忘记账户名、密码，或账户名、密码输入错误也就难免啦。每当这个时候，你是否和我一样会有小小的焦虑产生
- 粒子群算法是一种基于鸟类觅食开发出来的优化算法，它是从随机解出发，通过迭代寻找最优解，通过适应度来评价解的品质。PSO算法的搜索性能取决于其
- 一、字典转dataFrame1、字典转dataFrame比较简单，直接给出示例：import pandas as pddic = {'
- 1. 上下文管理器是什么？举个例子，你在写Python代码的时候经常将一系列操作放在一个语句块中：（1）当某条件为真 – 执行这个语句块（2
- 在极坐标中，圆的表示方式为：x=x0+rcosθy=y0+rsinθ圆心为(x0,y0),r为半径，θ为旋转度数，值范围为0-359如果给定
- 为了实现将RAW格式照片一键改变整体风格，且有多种风格选择，我们可以使用神经风格迁移技术。神经风格迁移是一种基于深度学习的方法，可以将一张图
- 使用tensorflow 训练模型时,我们可以使用 tensorflow自带的 Save模块 tf.train.Saver()来保存模型,使
- 本文实例讲述了PHP cookie，session的使用与用户自动登录功能实现方法。分享给大家供大家参考，具体如下：cookie的使用//生
- 生成随机密码这件事情用python来干确实相当的方便，优美的string方法加上choice简直是绝配make_password.py###
- 基本介绍break语句用于终止某个语句块的执行，用于中断当前for循环或跳出switch语句基本语法{..........break....
- 最近做的一个嵌入app的pc端项目，用的也是比较熟悉的vue-cli构建工具构建项目,需要的是打开dist文件夹入口html能加载到本地的静
