2017颁奖典礼 胡歌:有没有一种电脑网页编程 程序:可以把图片头尾连接,屏幕上就不会留白的?

来源:百度文库 编辑:中科新闻网 时间:2024/04/29 15:34:53
可以把图片或文字头尾连接,屏幕上就不会留白的:现在的问题是滚动到最后,就有留白,很难看的。有没有一种编程,,使它头尾连接??
你用FLASH做吧!用flash很简单就可以实现
用FLASH的话就不能随时在后台更新了,,,,

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 160px; COLOR: #ffffff; HEIGHT: 240px">
<DIV id=demo1>
<center>
<!--从这里开始换成你的内容-->
<IMG src="1.gif" width=150 height=120 border=0 alt="第一张">
<IMG src="2.gif" width=150 height=120 border=0 alt="第二张">
<IMG src="3.gif" width=150 height=120 border=0 alt="第三张">
<!--内容结束-->
</center>
</DIV>
<DIV id=demo2></DIV>
</DIV>
<SCRIPT Language="JavaScript">
demo2.innerHTML = demo1.innerHTML; //克隆demo1为demo2
var speed = 30; //滚动速度,数字越小速度越快

function Marquee(){
//内容滚动主函数
if(demo2.offsetTop-demo.scrollTop<=0){
//当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight; //demo跳到最顶端
}else{
demo.scrollTop++;
}
initialize();
}

function initialize(){
timer = setTimeout("Marquee()", speed);
}

function StopMarquee(){
clearInterval(timer);
//清除定时器达到滚动停止的目的
}
initialize();
demo.onmouseover=StopMarquee //鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=initialize //鼠标移开时重设定时器

</SCRIPT>

如果你不想用上面的滚动效果的话,也可以试试这个随机转换特效:

<div id="ShowIMG" style="FILTER: revealTrans(transition=23,duration=0.7); width:150;
height:120"></div>
<SCRIPT language=Javascript>
var Num;
var Speed = 3000; //图片显示的时间,数字越大时间越久

//定义要显示的图片数组
var IMGArray = new Array();
IMGArray[0] = ’<IMG src="1.gif" border=0 alt="第一张">’;
IMGArray[1] = ’<IMG src="2.gif" border=0 alt="第二张">’;
IMGArray[2] = ’<IMG src="3.gif" border=0 alt="第三张">’;

//随机显示第一张图片
today=new Date();
Seconds = today.getSeconds();
Num = Seconds % IMGArray.length;

function NextIMG(){
//设置转换滤镜为随机方式
ShowIMG.filters.revealTrans.Transition = 23;
ShowIMG.filters.revealTrans.apply();

Num < IMGArray.length-1 ? Num++ : Num = 0;
ShowIMG.innerHTML = IMGArray[Num]; //将图片显示在 ShowIMG 层

ShowIMG.filters.revealTrans.play(); //执行效果转换
Timer = setTimeout("NextIMG()", Speed);
}

NextIMG();
</SCRIPT>

你用FLASH做吧!用flash很简单就可以实现

网页上有很多这样的javascript

搜索无(fong)滚动条

你可以这样
我们假设一屏显示4张图片,页面一打开我们让第一张图在显示区域的最左端,然后图片开始向左滚动,在图片列的最后我们再加上开始的4幅图片,让第4幅图片在显示区域的最右端结束。重新开始循环。这样就连贯了。