如何不通过数据库,通过统一的html代码实现简单的网页自动翻页

如何不通过数据库,通过统一的html代码实现简单的网页自动翻页,第1张

静态网页制作起来 相当麻烦。。你必须对应到相应的链接才行。。你可以试试静态网页中的

FRAMESET标签。。分成2-3个框架。。最上面的框架做导航。。下面做次导航 右下做浏览你网页内容的。。这样划拨一样就不会显得那么麻烦了。。不过工作量还是相当大的。你也可以在主页加入一些JAVASCRIPT那样这个网页就固定添加一个脚本。进入其他子页也同样有,可以实现网页的美化和更加方便。。

JS代码放到<head></head>区域中间。

<head>

<SCRIPT language="JavaScript">

<!--

function scrollit(){

for (I=1I<=500I++){

self.scroll(1,I)

}

}

//-->

</SCRIPT>

</head>

<body onLoad="scrollit()">

………………

</body>

 

<!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"> 

<head> 

<meta http-equiv="Content-Type" content="text/html charset=utf-8" /> 

<title>图片自动跳转</title> 

<script language="javascript"> 

setInterval(test,1000) 

var array=new Array() 

var index=0 

var array= new Array("image/1.jpg","image/2.jpg","image/3.jpg","image/4.jpg","image/5.jpg","image/6.jpg","image/7.jpg","image/8.jpg","image/9.jpg","image/10.jpg") 

function test() 

{ var myimg=document.getElementById("imgs") 

if(index==array.length-1) 

{ index=0 }else{ index++ } 

myimg.src=array[index] 

</script> 

</head> 

<body > 

<img id="imgs" src="image/1.jpg" /> </body> 

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6259369.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存