|
连续滚动的图片一般都是用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:parentframes[]startscroll(); onmouseover=javascript:parentframes[]stopscroll() 手形效果XXXjpg>也可以加入图片的超级链接！ 再新建页面文件该文件为控制图片滚动的页面在<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; parentframes[]scroll(x); } // topmainscroll(dest); if(dest <=limdex) { parentframes[]scroll(dest); } x = dest; } if (x > dest) { while (x>dest) { step += (step / ); if(x >= (+step)) { x = step; parentframes[]scroll(x); } else break; } if(dest >= ) { parentframes[]scroll(dest); } x = dest; } if (x<) { parentframes[]scroll(); x= } if (x>limdex) { parentframes[]scroll(limdex); x=limdex } x = dest; } function scrollnow() { if (on){ if (x < limdex & x >= ) { parentframes[]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的数字值为６００ 连续滚动的图片的特效就制作完成了！ |
