jQuery侧面浮动图片广告或滚屏图片广告-20130703

阅读更多
1、效果及功能说明
图片广告制作一个侧面浮动图片广告特效,类似滚屏效果的图片广告

2、实现原理

是先后获得页面的高度然后在获得装有图片的块级元素的高度计算页面的高度除于2在块级元素高度除于2把最后获得高度值赋值给块级容器让块级容器始终保持页面高度居中的效果在滚动页面时候通过定义一个动画的效果让广告在0.4秒内移动到当前页面高度的中间

3、效果图


jQuery侧面浮动图片广告或滚屏图片广告-20130703_第1张图片


4、运行环境

IE6 IE7 IE8及以上 Firefox 和 Google Chrome游览器下都可实现


5、所有图片的压缩包新建一个文件后将包解压放进文件夹图片的压缩包在页面的最下方可以看到并下载下载后无需修改文件夹名因为本身就已经写好了和html5内的路径相吻合

6、将创建html文件保存的时候将编码类型换成(UTF-8有签名)这样可以让部分中文正常的显示出来,将保存类型(T)换成(所有文件(*.*)),将html5和解压后的图片文件夹放在同一个文件夹内效果

7、代码[html5]














  • jQuery侧面浮动图片广告或滚屏图片广告-20130703_第2张图片
  • 大小: 29.2 KB
  • jQuery侧面浮动图片广告或滚屏图片广告-20130703_第3张图片
  • 大小: 119.6 KB
  • images.rar (117.5 KB)
  • 下载次数: 16
  • jQuery侧面浮动图片广告或滚屏图片广告-20130703_第4张图片
  • 大小: 119.6 KB
  • 查看图片附件

你可能感兴趣的:(floatadv,click,bind,stop,animate)