用户名: 密码: 验证码: 注册           网站地图 高级搜索 RSS订阅 收藏本站
山东十七地市站长联盟信息: 济南 青岛 淄博 枣庄 东营 烟台 潍坊 济宁 泰安 威海 日照 莱芜 临沂 德州 聊城 滨州 菏泽      
您的位置:主页>设计在线>WEB标准>

符合WEB标准的鼠标实现图片的渐隐

[ 来源: | 作者: | 更新日期:2007-6-29 18:36:38 | 评论 0 条 | 我要投稿 ]

符合WEB标准的鼠标实现图片的渐隐

 

以下为引用的内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.webjx.com</title>

字串6

<script language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",40)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</script>
<style type="text/css">
<!--
h1 {text-align:center;margin-top:50px;}
p#outer {
  margin:0 auto;
  width:202px;
 }
#outer a {
 margin:0px;
 display:block;
 position: relative;
  border:1px solid #ccc;

字串3


}
#outer a:hover {border:1px dashed #c00;}
#outer img {display:block;border:none;background:#069;}
-->
</style>
</head>
<body>
<h1>将鼠标移至图片,将看到此效果。</h1>
<p id="outer"><a href="http://www.webjx.com/"><img onMouseOut=low(this) onMouseOver=high(this) style='FILTER: alpha(opacity=20)' src="http://www.webjx.com/images/logo.gif" alt="www.webjx.com" width="200" height="90" /></a>
</p>
</body>
</html>

Tags:实现 图片 鼠标 标准 符合 #outer function which2 highlighting
您的评论
用户名:新注册) 密码: 匿名评论 [所有评论]

·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为