知识大全连续滚动图片的制作

Posted 2022-07-14 知

篇首语：马看牙板，人看言行。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全连续滚动图片的制作相关的知识，希望对你有一定的参考价值。

连续滚动的图片一般都是用Flash制作现在我们使用Script制作同样的效果　　制作方法　　单击这里查看一下演示效果相关文件　　在页面<body>~</body>相关位置加入代码　　<iframe frameborder=no height= marginheight= marginwidth= name=mq scrolling=no src= width= % ></iframe><iframe frameborder=no height= marginheight= marginwidth= name=mq scrolling=no src= width= ></iframe>新建页面插入相同大小的图片若干张为使它不停顿地连续播放请在同一行中连续插入图片二至三次类似于文件在每一张的图片上添加特效停顿效果代码 onmouseout=javascript:parent frames[ ] startscroll(); onmouseover=javascript:parent frames[ ] stopscroll() 手形效果 XXX jpg > 也可以加入图片的超级链接！再新建页面文件该文件为控制图片滚动的页面在<head>~</head>中加入代码 <SCRIPT language=JavaScript><! //var x = ;var y = ;var limdex = ;var dest = ;var distance = ;var step = ;var destination = ;var on = true;function scrollit(destination) step = ;dest = destination;if (x<dest & x < limdex)while (x<dest) step += (step / );x += step;parent frames[ ] scroll(x ); // top main scroll(dest );if(dest <=limdex) parent frames[ ] scroll(dest ); x = dest;if (x > dest) while (x>dest) step += (step / );if(x >= ( +step)) x = step; parent frames[ ] scroll(x ); else break;if(dest >= ) parent frames[ ] scroll(dest ); x = dest;if (x< ) parent frames[ ] scroll( ); x= if (x>limdex) parent frames[ ] scroll(limdex ); x=limdex x = dest;function scrollnow() if (on)if (x < limdex & x >= ) parent frames[ ] scroll(x ); x = x + ; setTimeout( scrollnow() ); else if (x < ) x = limdex;scrollnow();else x= ;scrollnow();// *********************************// 去掉原来的stopscroll()function stopscroll() if (on)on = false;else on = true;scrollnow(); function startscroll() on = true; scrollnow(); function stop_start() if (on) on = false;else on = true;scrollnow();scrollnow();//***********************************// ></SCRIPT>注意代码中 var limdex= ; 数字的取值计算为单张图片的宽度像素 * 使用图片张数以我们的滚动效果来计算使用的单张图片宽度为 px 共使用５张所以var limdex的数字值为６００连续滚动的图片的特效就制作完成了！ cha138/Article/program/Java/JSP/201311/19652

知识大全 连续滚动图片的制作

知识大全连续滚动图片的制作