qinyi素材网
当前位置: 首页 > jQuery素材 > 门户网站首页全屏弹性伸缩至小屏的广告案例
  时间: 2021-11-16   阅读:1.1k

插件介绍

使用jQuery制作门户网站首页全屏弹性伸缩至小屏的广告案例。进入网站首先展示广告大图,两秒钟之后弹性伸缩至小图广告,需要提前准备一张大图banner和小图广告的banner,在大图隐藏的时候显示小图的广告。

简要教程

使用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.giftop_lanrentuku_b.jpg的参数名为新设计好的文件名加后缀即可。

效果展示

上一篇: 下一篇: