首页 > 程序开发 > web前端 > JavaScript >

几个简单的js实例

2011-11-26

鼠标悬停切换图片:<html><head><script type="text/javascript">function mouseOver(){document.getElementById(&#39;b1&#39;).src ="diaochan.jpg"}function mouseOut(){document.getElementById(&#39;b1&...

鼠标悬停切换图片:

<html>

<head>

<script type="text/javascript">

function mouseOver()

{

document.getElementById(&#39;b1&#39;).src ="diaochan.jpg"

}

function mouseOut()

{

document.getElementById(&#39;b1&#39;).src ="noimage.gif"

}

</script>

</head>

<body>

<a href="#"

onmouseover="mouseOver()" onmouseout="mouseOut()">

<img alt="Visit W3School!" src="noimage.gif" id="b1" onmouseover="alert(&#39;你的鼠标在图片上!&#39;)")/>

</a>

</body>

</html>

js显示天气预报:

<html>

<head><title></title>

<script type="text/javascript">

</script>

</head>

<body >

<div>

<iframe src="http://m.weather.com.cn/m/pn11/weather.htm" width="480" height="70" frameborder="1"></iframe>

</div>

</body>

</html>

js利用焦点实现选择网站:

<!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>

<title></title>

<script type="text/javascript">

var i = 1;

var focusid;

function defau() {

document.getElementById(&#39;1&#39;).focus();

focusid=1;

}

function showtable() {

var id = i + 1;

document.getElementById(id).focus();

focusid=id;

i++;

if (i == 4) {

i = 0;

}

}

function openhref() {

var href = document.getElementById(focusid).href;

document.location = href;

}

</script>

</head>

<body onload="defau()">

<a href="http://www.baidu.com/" id="1">百度</a>

<a href="http://www.google.com.hk/" id="2">谷歌</a>

<a href="http://www.youku.com/" id="3">优酷</a>

<a href="http://www.tudou.com/" id="4">土豆</a>

<input id="Button1" type="button" value="选择" onclick="showtable()" /><br />

<input id="Button2" type="button" value="进入" onclick="openhref()" />

</body>

</html>

摘自haitaoDoit

相关文章
最新文章
热点推荐