文章分类
HTML/CSS Flash教程 Fireworks教程 Dreamweave JavaScript 网站推广 网页理论 其他教程 视频教程
 产品搜索
关键字: 分类:

最新素材图库


当前位置:首页 >> 网页教程>> HTML/CSS >> js特效.鼠标移上去,图片渐显的方法

js特效.鼠标移上去,图片渐显的方法


作者: 佚名 来源:网络 浏览:1628 日期:2006-6-12 15:45:11

把这个内容放在<head>和</head>之间
<script language="javascript" type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<script language="javascript" type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}


function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


把这个图片的属性改成这个(主要是加上鼠标移上去和移开的效果)。
<img onMouseOut=low(this) onMouseOver=high(this) style="FILTER: alpha(opacity=70)" src="images/c1.gif" width="104" height="56" altborder="0">

上一篇:用css改变鼠标显示 下一篇:半透明的层怎么做?
【关闭窗口】 【返回顶部】返回网页教程】 【返回HTML/CSS

相关推荐文章

不用script仅用c..

立体视觉 让您的网页“..

超链接图标规范:提升文..

用代码“写”出扫描线效..

第12天:校验及常见错误

网页风格化 用CSS实..

基于标准的web项目开..


关于本站 | 广告服务 | 联系我们 | 站点留言 | 活动支持 | 友情链接 | 投稿热线 | 网站地图
版权所有 Copyright@ 2005 设计路上 QQ技术讨论群 24980615(已满) 5204059(已满) 4337615(已满)
业务联系Email:huchuangwu@hotmail.com 粤ICP备05029101号