javaScript---图片渐显效果和文字大小变化之鼠标响应事件

最新推荐文章于 2024-07-13 14:04:37 发布

置顶 Alro_DJM

最新推荐文章于 2024-07-13 14:04:37 发布

阅读量1k

点赞数

文章标签： function 正则表达式 action xhtml javascript html

本文链接：https://blog.csdn.net/Alro_DJM/article/details/2238334

版权

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>综合网页效果</title>
<script type="text/JavaScript">
<!--
function MM_popupMsg(msg) { //v1.0
alert(msg);
}
function makevisible(cur,which){
if(which==0)
cur.filters.alpha.opacity=100;
else
cur.filters.alpha.opacity=20;

}

//not to use the button :2
function nouseleft(){
if(event.button==2)
alert("what do you want to do...");
}
document.οnmοusedοwn=click();
function test(){
var str=/d{3};
document.form3.value=str;
}

//-->
</script>
<style type="text/css">

</style>
</head>

<body>
<div id="Layer1">
<form id="form3" name="form3" method="post" action="">
    <label>正则表达式测试
      <input type="text" name="textfield" />
    </label>
</form>
</div>
<a οnmοuseοver="MM_popupMsg('Hello.I/'m wuqifeng...')">Are you studip...</a>
<center>
<form name="form1">
<h1>put the foucs on the link and to look over the web...</h1>
<a href="second.html" name="link1" οnmοuseοver="link1over()" οnmοuseοut="link1out()">this is the first link.</a><br>
<br>
<a href="third.html" name="link2" οnmοuseοver="link2over()"οnmοuseοut="link2out()">this is the second link.</a><br>
<br>
<a href="third.html" name="link3" οnmοuseοver="link3over()"οnmοuseοut="link3out()">this is the third link.</a><br>
<br>
<a href="fourth.html" name="link4" οnmοuseοver="link4over()"οnmοuseοut="link4out()">this is the fourth link.</a><br>
<br>
<img name="img1" src="image/1.jpg" style="filter:alpha(opacity=20)"
οnmοuseοver="makevisible(this,0)" οnmοuseοut="makevisible(this,1)" >
</form>
<form id="form2" name="form2" method="post" action="">
</form>

</body>
<script language="javascript">
<!--
function link1over(){
document.form1.img1.src="image/1.jpg";
link1.style.color="red";
link1.style.fontSize=36;
}
function link2over(){
document.form1.img1.src="image/2.jpg";
link2.style.color="red";
link2.style.fontSize=36;
}
function link3over(){
document.form1.img1.src="image/3.jpg";
link3.style.color="red";
link3.style.fontSize=36;
}
function link4over(){
link4.style.color="red";
link4.style.fontSize=36;
document.form1.img1.src="image/4.jpg";
}

//-->
</script>
</html>

Alro_DJM

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript---图片渐显效果和文字大小变化之鼠标响应事件

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">综合网页效果function MM_popupMsg(msg) { //v1.0 alert(msg);}function makevisible(cur,which){if(which==0) cur.filters.al
复制链接

扫一扫