这个是网页内插入的图片更换效果
<script>
var widths=310;
var heights=310;
var counts=6;
img1=new Image ();img1.src='image/bg.jpg';
img2=new Image ();img2.src='image/bg1.jpg';
img3=new Image ();img3.src='image/bg2.jpg';
img4=new Image ();img4.src='image/dh_bg.jpg';
img5=new Image ();img5.src='image/xxyBg.jpg';
img6=new Image ();img6.src='image/logo.jpg';
var nn=1;
var key=0;
function change_img()
{if(key==0){key=1;}
else if(document.all)
{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}
eval('document.getElementById("pic").src=img'+nn+'.src');
for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}
document.getElementById("xxjdjj"+nn).className='bxx';
nn++;if(nn>counts){nn=1;}
tt=setTimeout('change_img()',4000);}
function changeimg(n){nn=n;window.clearInterval(tt);change_img();}
document.write('<style>');
document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('</style>');
document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
document.write('<div><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></div>');
document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}
document.write('</div></div>');
change_img();
</script>
分享到:
相关推荐
滤镜方面,更是有了较大的变动,一是大幅提高了原有部分滤镜的执行速度,同时增加更多有创意的滤镜。 同时,软件还增添了很多新功能,这些功能无论是对于图像爱好者还是图像编程者都有一定的帮助。 当然,程序还有...
大家的生活方式也在产生着变动:从报刊、杂志期刊、广播电台到现如今的互联网上的新闻报道消息推送,这正表明了一个状况,大家从文字阅读渐渐地的变化为图片阅读甚至视频阅读,如同企鹅智酷中《2019中国互联网趋势...
这种方式利用了系统自身功能,并不需要不断的去遍历文件内容,所以在做文件索引时,效率最高,最节省资源。Picasa的图片遍历采取了类似的技术方案,而光速搜索更要在实现和效率上略胜一筹。 轻巧灵敏的光速搜索,...
<br>三、支持商品图片自动清除功能,众所周知,随着商品不断的上架与删除,会有很多冗余的图片占留空间,时尚版支持删除商品的同时商品图片也随之自动删除,更节约空间,如果您的空间够大,图片也可以进行保留,...
最初在2008版本之前,这个项目都没有UI设计的加入,所有UI界面都是开发自己拼图绘制而成,虽然不是很美观,但是基本功能还是比较...做法就是在不改动图片资源尺寸和坐标的条件下,优化UI图片资源,替换游戏的UI图片资
不仅如此系统还支持商品图片自动清除功能,众所周知,随着商品不断的上架与删除,会有很多冗余的图片占留空间,旗舰版支持删除商品的同时商品图片也随之自动删除,更节约空间,如果您的空间够大,图片也可以进行...
先让网站能够正常工作于尽可能旧的浏览器上,然后不断为它在新型浏览器上实现更多的增强和改进。 Viewport 移动设备上的Viewport就是设备的屏幕上能用来显示网页的一块区域,即浏览器上用来显示网页的那部分区域。...
拥有一支富于创新的开发队伍,持续性的技术优势和不断增长的市场经验,除了强化已有的市场竞争力以外,更增强了已有和潜在客户的信心,我们并不满足于现有成果,我们时刻关注国内外相关领域内的最新进展和动态,...
结合商城自带会员推广功能“可以分享任意宝贝链接到朋友圈”实现提成返点功能,让您的商城客源不断。(实用功能) 2014.11.29 更改列表页面的产品排列方式 默认为列表形式,原版默认是大图形式,产品图片发虚,顾客...
为了应对该挑战,交通管制系统不断进行技术上的升级,充分结合了电子计算机技术与互联网技术,总体向着智能化管 理发展。主要探讨了大数据交通管理体系的建立,并对一些关键的技术环节进行了深入研究。 关键词:...
平台服务层的插件式架构,决定了平台的无限扩展能力,能够根据不断变化地用户需求而进行平台的不断地在线迭代与更新,与用户的需求形成一个良性的循环。配置定制平台通过服务器(Apache)的自定义开发,实现了企业...
俄罗斯方块的旋转主要将方块的位置加以变换得到的,例如上述范例,长条型有两中样式,根据小方块的编号变动来实现整个造型的旋转,比如: If n(0) - 18 >= 2 And n(3) + 9 If cmdfang(n(0) - 18).Visible = False ...
NEAT 开 发 指南 文档 适用于 PT80 系列 移动数据终端 版本记录 版本号 版本描述 发布日期 V 1.0 初始版本。 2012-04-12 V1.1 修改前三章内容 2012-09-25 目录 第一章 关于本手册.....................................