简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

JavaScript实现鼠标滑过图片变换效果的方法

来源:易贤网   阅读:1396 次  日期:2015-04-20 11:55:10

温馨提示:易贤网小编为您整理了“JavaScript实现鼠标滑过图片变换效果的方法”,方便广大网友查阅!

具体如下:

<html>

<head>

<title>Swap Images with onMouseOver and onMouseOut</title>

</head>

<body bgcolor="#FFFFCC" text="#3300FF">

<CENTER>

<FORM NAME = form1>

<H2>

Move the mouse across to swap the image ...

</H2>

<A HREF="" name= link1

onMouseOver = "ImgOver()" onMouseOut = "ImgOut()">

<IMG NAME = "IMG1"

SRC = "images/follow.jpg" WIDTH = 800 HEIGHT = 600>

</A>

</CENTER>

<SCRIPT LANGUAGE= JavaScript>

function ImgOver()

{

// use an image file you have or use one of XP's wallpaper

document.form1.IMG1.src = 'images/home.jpg';

}

function ImgOut()

{

// use an image file you have or use one of XP's wallpaper

document.form1.IMG1.src = 'images/follow.jpg';

}

</SCRIPT>

</body>

</html>

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:JavaScript三元运算符的多种使用技巧
下一篇:JavaScript动态修改背景颜色的方法
易贤网手机网站地址:JavaScript实现鼠标滑过图片变换效果的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!