鼠标经过图片,图片在其它的地方变…

最新推荐文章于 2021-06-04 09:13:30 发布

我是高手高手高高手

最新推荐文章于 2021-06-04 09:13:30 发布

阅读量537

点赞数

分类专栏： JS技巧

本文链接：https://blog.csdn.net/haibo0668/article/details/51565863

版权

JS技巧专栏收录该内容

244 篇文章 3 订阅

订阅专栏

效果: http://www.jscode.cn/jave_img/350710717.htm

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|jscode.cn|---简单的图片放大展示效果</title>
<style>
.spic a img{-moz-opacity:0.5; filter:alpha(opacity=50);border:0px;}
.spic a:hover{font-size:9px;}
.spic a:hover img{-moz-opacity:0.5; filter:alpha(opacity=100);cursor:hand;}
</style>
<script>
function seeBig(thispic) {
if(thispic==1){
    document.all.viewPic.innerHTML='<img border=0 src=http://www.jscode.cn/jscode/images/test001.jpg>'
}
if(thispic==2){
    document.all.viewPic.innerHTML='<img border=0 src=http://www.jscode.cn/jscode/images/test002.jpg>'
}
if(thispic==3){
    document.all.viewPic.innerHTML='<img border=0 src=http://www.jscode.cn/jscode/images/test003.jpg>'
}
if(thispic==4){
    document.all.viewPic.innerHTML='<img border=0 src=http://www.jscode.cn/jscode/images/test004.jpg>'
}
}
</script>
</head>