javascript技巧--鼠标经过时图片发生改变

最新推荐文章于 2018-08-10 17:32:42 发布

jchbms128

最新推荐文章于 2018-08-10 17:32:42 发布

阅读量1k

点赞数

分类专栏： javascript 文章标签： javascript JavaScript Javascript

本文链接：https://blog.csdn.net/jchbms128/article/details/8235516

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

javascript技巧--鼠标经过时图片发生改变

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>

star1=new Image();  star1.src="jkjy.gif"
star2=new Image();  star2.src="wmc.gif"
star3=new Image();  star3.src="lb.gif"
star4=new Image();  star4.src="jzw.gif"
function showpicture(star)
{
document.showpad.src=star
}
</script>
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 332px;
	top: 390px;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<H1>
  <A href="images/歌词背景.gif"></A>
  <img src="images/jkjy.gif" name="showpad" width="400" height="400" border="0" οnmοuseοver="this.src='images/wmc.gif'" οnmοuseοut="this.src='images/jzw.gif'" οnmοuseοver="'images/lb.gif'">
  <img src="images/jzw.gif" name="showpad" width="400" height="400" border="0" οnmοuseοver="this.src='images/lb.gif'" οnmοuseοut="this.src='images/jkjy.gif'" οnmοuseοver="'images/lb.gif'">
</H1>
</body>
</html>

jchbms128

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript技巧--鼠标经过时图片发生改变

javascript技巧--鼠标经过时图片发生改变star1=new Image(); star1.src="jkjy.gif"star2=new Image(); star2.src="wmc.gif"star3=new Image(); star3.src="lb.gif"star4=new Image(); star4.src="jzw.gif"
复制链接

扫一扫

专栏目录