ajax提交form表单 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" 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>

ajax提交form表单 JS图片切换效果
  

爱华网本文地址 » http://www.413yy.cn/a/8105040103/322071.html

更多阅读

ASP如何获取HTML表单提交信息 asp防止表单重复提交

在ASP中,有两个很常用的集合,一个是Request.QueryString,另一个是Request.Form。这两个集合可以获取HTML表单提交的信息。Request.QueryStringHTML 表单中的method有两种,一种是get,另外一种是post。当HTML表单的method="get" 时,可以用

如何制作动态图片切换效果 动态图片切换效果

1、进入Vip管理后台,点击“个性化设置”→进入个性化设置页面,在点击“增删模块”→点击“新建模块”。如下图:2、点击文本框中“编辑按钮”,自动弹出编辑框。在点击“源代码”按钮,对此进行编辑。如下图:3、将下面一段代码,复制到“源代码

FLASH图片切换效果 flash图片切换教程

网上一直都是说,用flash做的课件功能比PPT强大些,但是用flash做课件时,其实面临着一个尴尬的问题,就是遇上课件中需要切换显示大量图片时,做起来相当麻烦,至少比在PPT中做时要麻烦许多,网上也流传着用 transitions 及 tween类切换图片,但要

HTML表单中get和post的区别 表单提交 post get

当用户在 HTML 表单 (HTML Form) 中输入信息并提交之后,有两种方法将信息从浏览器传送到 Web 服务器 (WebServer)。一种方法是通过 URL,另外一种是在 HTTP Request 的 body 中。前一种方法,我们使用 HTML Form 中的 method = "get",后

声明:《ajax提交form表单 JS图片切换效果》为网友出人头地分享!如侵犯到您的合法权益请联系我们删除