您的位置：首页 > Web前端 > JavaScript

js特效-开关灯泡

2016-03-06 10:01 501 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<script>
function toggle() {
//window指定对象tese1赋值给变量test1
var test1 = document.getElementById("test1");
//检索src中，第一次出现on.gif检索on返回0执行off.gif，第二次检索返回-1执行else
if (test1.src.indexOf("on") >= 0) {
test1.src = "off.gif";
}else{
test1.src = "on.gif";
}
}
</script>
</head>
<body>
//鼠标点击触动toggle（）   执行script中  function toggle()
<img id = "test1" src = "on.gif" alt = "" onclick = "toggle();">

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript js

相关文章推荐

新的分享

章节导航