<!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" lang="gb2312"><head><title>JS图片切换 ::</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="generator" content="editplus" /><meta name="author" content="eLore" /><meta name="keywords" content="" /><meta name="description" content="" /><style type="text/css">* { margin:0; padding:0; }body {margin:0;color:#88c; background:#333;}img { margin:0; padding:0; border:0; }#js_F {position:relative;top:10px; left:10px;overflow:hidden;width:330px; height:225px;background:#33c;}#js_F img{position:absolute;top:0; left:0;width:330px; height:225px;}</style></head><body><div id="js_F"></div><script type="text/javascript"><!--///*--><![CDATA[/*><!--*/var js_F = document.getElementById("js_F");var imgList = ["/edu/img/js/1.jpg", "/edu/img/js/8.jpg", "/edu/img/js/2.jpg", "/edu/img/js/3.jpg", "/edu/img/js/4.jpg", "/edu/img/js/5.jpg", "/edu/img/js/6.jpg", "/edu/img/js/7.jpg", ];var imgTemp = new Array();for (i=0; i<imgList.length; i++){imgTemp[i] = new Image();imgTemp[i].src = imgList[i];}var imgs = new Array();var imgID = 0, nextImgID, proveImgID;var tf = true; //图片移动方向标志var speed1 = 10; speed2 = 3000; //速度function imgInit(){var content = '';for (i=0; i<imgList.length; i++){content += '<img src="' + imgList[i] + '" />/n';}js_F.innerHTML = content;imgs = js_F.getElementsByTagName('img');imgs[0].style.zIndex = 20;imgs[1].style.zIndex = 15;}function imgChange(){if ((imgID+1)<imgList.length){nextImgID = imgID + 1;} else if (imgID<imgList.length) {nextImgID = 0;} else {imgID = 0;nextImgID = imgID + 1;}imgs[imgID].style.zIndex = 20;imgs[nextImgID].style.zIndex = 15;setTimeout('imgShow()',speed2);}function imgShow(){if (tf){ //imgID向左边移动2/3，nextImgID向右边1/3if (parseInt(imgs[imgID].style.left)>-180){imgs[imgID].style.left = (parseInt(imgs[imgID].style.left)-10) + 'px';imgs[nextImgID].style.left = (parseInt(imgs[nextImgID].style.left)+5) + 'px';setTimeout('imgShow()',speed1);} else {tf = !tf;imgs[imgID].style.zIndex = 15;imgs[nextImgID].style.zIndex = 20;setTimeout('imgShow()',speed1);}} else {if (parseInt(imgs[imgID].style.left)<0){imgs[imgID].style.left = (parseInt(imgs[imgID].style.left)+10) + 'px';imgs[nextImgID].style.left = (parseInt(imgs[nextImgID].style.left)-5) + 'px';setTimeout('imgShow()',speed1);} else {imgs[imgID].style.zIndex = 10;tf = !tf;imgID++;imgChange();}}}imgInit();imgChange();/*]]>*///--></script></body></html>
爱华网本文地址 » http://www.aihuau.com/a/8105040103/322071.html
更多阅读
在ASP中，有两个很常用的集合，一个是Request.QueryString，另一个是Request.Form。这两个集合可以获取HTML表单提交的信息。Request.QueryStringHTML 表单中的method有两种，一种是get，另外一种是post。当HTML表单的method="get" 时，可以用
有时候为了达到比较好的视觉效果，有人会使用图片代替按钮来提交或者重置表单数据。<FORM name=RedForm action=#>一:<INPUT name=textfield2><
1、进入Vip管理后台，点击“个性化设置”→进入个性化设置页面，在点击“增删模块”→点击“新建模块”。如下图：2、点击文本框中“编辑按钮”，自动弹出编辑框。在点击“源代码”按钮，对此进行编辑。如下图：3、将下面一段代码，复制到“源代码
网上一直都是说，用flash做的课件功能比PPT强大些，但是用flash做课件时，其实面临着一个尴尬的问题，就是遇上课件中需要切换显示大量图片时，做起来相当麻烦，至少比在PPT中做时要麻烦许多，网上也流传着用 transitions 及 tween类切换图片，但要
当用户在 HTML 表单 (HTML Form) 中输入信息并提交之后，有两种方法将信息从浏览器传送到 Web 服务器 (WebServer)。一种方法是通过 URL，另外一种是在 HTTP Request 的 body 中。前一种方法，我们使用 HTML Form 中的 method = "get"，后
爱华网