使用jQuery制作门户网站首页全屏弹性伸缩至小屏的广告案例。进入网站首先展示广告大图,两秒钟之后弹性伸缩至小图广告,需要提前准备一张大图banner和小图广告的banner,在大图隐藏的时候显示小图的广告。
使用方法
在HTML中引入jQuery插件的js和jQuery.js
<script src="js/jquery.js" type="text/javascript">
</script>
<script language="javascript" src="js/topad.js" type="text/javascript">
</script>
在head标签里面设置图片的边框
<style type="text/css">
img{border:0}
</style>
更换图片
将设计好的图片放入images文件夹下,在topad.js
里面更改top_090901_s.gif
和top_lanrentuku_b.jpg
的参数名为新设计好的文件名加后缀即可。