首  页  |  酷站  |  精品网站  |  原创作品秀  |  网络学院   |  信息中心  |  艺术设计  |  求职招聘  |  建站资源  |  服装网站  |  论坛  |  设计部落  |  网站综合
个人网页  商业网站  业界动态  设计赛事  网站资源  下载专区  设计欣赏  CG-插画  JS特效  娱乐  国际品牌  知名品牌  服装院校  专题欣赏  SEO  BANNER
广州网站建设 广州网页设计 IDC赞助 设计资源下载 虚拟主机 域名注册 品牌网站建设 服装品牌网站建设 广告服务 网站推广 娱乐
当前位置:首 页 >> JS特效 >> 图形图象类 >> 符合WEB标准的鼠标实现图片的渐隐

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


中资源
转载请注明出处-中国设计秀-cnwebshow.com

<!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>

<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;
}
#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.cnwebshow.com"> <img onMouseOut=low(this) onMouseOver=high(this) style='FILTER: alpha(opacity=20)' src="http://www.cnwebshow.com/images/logo.gif" alt="www.cnwebshow.com" width="200" height="90" /></a>
</p>
</body>
</html>

转载请注明出处-中国设计秀-cnwebshow.com



投稿 】【对本文进行评论】 【字体: 】【发布于2007-05-05 11:36】

相关专题:暂无相关专题

上一篇:图片透明效果   下一篇:进入主页以后自动播放声音
 认证LOGO下载
     
Copyright © 2005-2007 中国设计秀_网页设计教程_优秀网页设计欣赏_平面设计欣赏 All Right Reserved.
做最专业的设计服务网站,秀出自我,秀出精彩!中国设计秀,秀---无处不在!!
QQ:54292427  8208442 MSN:kingvisual#hotmail.com 交流群:9107036 3848215 8850631
粤ICP备05067046号 RSS