这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文给大家分享一段 js 代码实现自动切换图片的代码,代码非常简单,应用领域非常广泛,感兴趣的朋友一起看看吧
本文给大家分享一段 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>
- new document
- </title>
- <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
- <meta name="author" content="" />
- <meta name="keywords" content="" />
- <meta name="description" content="" />
- <link rel="stylesheet" type="text/CSS" href="" />
- <style type="text/css">
- </style>
- <script type="text/javascript">
- window.onload = init;
- var n = 1; //图片标记数
- var dingshi; //让图片动的定时器
- function init() {
- dingshi = window.setInterval("tupian()", 1000);
- }
- //更换图片
- function tupian() {
- var obj = document.getElementById("img1");
- n++;
- if (n >= 4) {
- n = 1;
- }
- obj.src = "yaj_" + n + ".jpg";
- }
- //鼠标放上图片停止
- function stoptupian() {
- window.clearInterval(dingshi);
- }
- //鼠标离开图片动起来
- function dongqilai() {
- dingshi = window.setInterval("tupian()", 1000);
- }
- </script>
- </head>
- <body>
- <img src="yaj_1.jpg" onmouseover="stoptupian()" onmouseout="dongqilai()"
- id="img1">
- </body>
- </html>
以上所述是小编给大家介绍的 JavaScript 实现自动切换图片代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0519/331279.html