
因工作需要,要用到Javascript,老板看到别人网站做的很好,每次打开都是不同的图片,要这种效果.
其实就是利用Javascript的几个函数,每次调用的时候,利用随机数,调用不同的图片,先说第一个功能
1. 利用Javascript每次调用不同的图片(当然你也可以实现,在打开以后,让他在一定的时间段,自动的调用另外一张图片,这样就可以实现图片轮询了.)
先写好简单的Javascript脚本.你也可以复制了保存起来,保存为 jiaoben.js
引用内容
today=new Date();
jran=today.getTime();
function rnd() {
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
return jran/(im*1.0);
};
function rand(number) {
return Math.ceil(rnd()*number);
};
document.write("<center>");
for(i=1;i<=1;i++) {
myNum=(rand(7)); //改成你要随机显示的图片数;
if(myNum == 1) document.write("<img src='images/Images01.jpg'>");
//图片路径,可用http://
if(myNum == 2) document.write("<img src='images/Images02.jpg'>");
if(myNum == 3) document.write("<img src='images/Images03.jpg'>");
if(myNum == 4) document.write("<img src='images/Images04.jpg'>");
if(myNum == 5) document.write("<img src='images/Images05.jpg'>");
if(myNum == 6) document.write("<img src='images/Images06.jpg'>");
if(myNum == 7) document.write("<img src='images/Images07.jpg'>");
else {
document.write();
}
};
document.write("</center>");
看的出来,上面的myNum就是随机数,调用不同的图片就靠他了.
在网页中,加入调用代码:<script src="jiaoben.js"></script>
这样就可以了.
2.利用Javascript实现字体闪光. 颜色可以自己选.可以直接写在网页中,也可以用js调用
引用内容
<script>
var message="我们还很年轻,离不开您的批评和建议。"
var n=0;
if (document.all){
document.write('<font size="12px" color="EFEFEF">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight" style="font-size:12px">'+message.charAt(m)+'</span>')
document.write('</font>')
var tempref=document.all.neonlight
}
else
document.write(message)
function neon(){
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color="ffffff"
}
tempref[n].style.color="d50000"
if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",2500)
return
}
}
function beginneon(){
if (document.all)
flashing=setInterval("neon()",30)
}
beginneon()
</script>
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步