你的位置：首页 >> 网页设计 >> www.qitongnet.com网页设计网页特效--鼠标悬停图片渐显效果
www.qitongnet.com网页设计网页特效--鼠标悬停图片渐显效果
作者： 北京网站建设 日期：2008-03-27 06:14:05 来源： http://www.qitongnet.com
网页特效----鼠标悬停图片渐显效果：
Chinaz~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> Chinaz^com
<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> Www.Chinaz.com
<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;}网站制作
--> www.qitongnet.com网页设计
</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> Www^Chinaz^com
|
网站制作
上一篇：网站设计Photoshop鼠绘魔幻风格自然风景画
下一篇：北京网站制作网页特效--鼠标悬停图片渐显效果
