超大图片居中显示

在CMS类型网站，后台信息录入人员插入图片一般通过IMG标签插入，但是当图片太大的时候，图片中间内容不会始终居中显示。此插件适合网页中的插入大型图片广告，动态让图片广告中的元素保持始终居中。

引入依赖文件

http://9w7phs.coding-pages.com/jquery.banner.js

让选择器“.ad, .adf”的元素始终居中

$.banner.center({target:’.ad, .adf’});

  <a href="#"><img class="ad" src="img/big.jpg" width="2560"/></a>

DEMO：http://9w7phs.coding-pages.com/demo.html

下拉大广告

DEMO：http://9w7phs.coding-pages.com/stretch_demo1.html

$.banner.stretch({ big: ‘.stretch-banner’});

<div class="stretch-banner"><a href="#" target="_blank"><IMG src="img/1920.jpg" width="1100" ></a>
</div>

大小广告交替显示

先显示小广告，然后会出现一个大广告，最后又变成小广告

DEMO：http://9w7phs.coding-pages.com/stretch_demo2.html

<!--小广告-->
<div style="DISPLAY: block" id="js_ads_banner_top"><a href="#" target=_blank><IMG src="img/banner_s.jpg" width="960" height="70"></a>
</div><!--大广告-->
<div style="DISPLAY: none" id="js_ads_banner_top_slide"><a href="#" target=_blank><IMG src="img/banner_b.jpg" width="960"></a>
</div>

$.banner.stretch({big    : '#js_ads_banner_top_slide',small  : '#js_ads_banner_top',repeat : true
});

古摄影婚纱网站jQuery大屏幕广告插件相关推荐

发布基于jQuery的灯箱广告插件momoSlideShow
好久不写博客了,今天发布一个插件,这个插件是基于jQuery的插件,主要功能是轮流显示一系列的灯箱广告,该插件具有使用简单,体积小的特点(仅4k左右),界面截图如下: html: <div id ...
拥抱单页网站! jQuery全屏滚动插件fullPage.js
不知道从什么时候开始,单页网站就悄悄走进人们的视线,尤其是国外的网站,更是钟爱单页网站.制作一个全屏滚动的效果,然后每个滚动页弄一个好看的背景色,配上一些描述性的文字,大家都喜欢这么弄,仿佛逼格瞬间可 ...
html视频播放器加片头广告,如何屏蔽视频网站的片头广告？一键屏蔽各大视频网站片头广告插件推荐...
超好用的屏蔽各大流行视频网站片头广告的插件分享,日常在视频网站上看剧的时候各种片头广告是不是恶心坏了,关也关不掉,而且更气人的是通过广告拦截软件和插件也无法拦截掉,那么真的就没有办法了,只能等这几十到 ...
安卓开发，拼接屏幕、大屏幕、户外广告无人值守循环播放视频，图片。开机自动播放，断电后自动播放，重起后自动播放功能
安卓开发,拼接屏幕.大屏幕.户外广告无人值守循环播放视频,图片.开机自动播放,断电后自动播放,重起后自动播放功能因客户要求,开机自动播放视频,不需要电脑控制,通电自动循环播放视频. 电脑成本太高,最 ...
php mysql婚纱摄影网站源码_织梦大气婚纱影楼摄影企业网站模板源码 v5.7
织梦大气婚纱影楼摄影企业网站模板源码安装教程: 1.将下载的织梦源码全部传到空间根目录,由于有很多人反应安装后首页样式都乱的,(强烈要求安装到根目录,如:127.0.0.1 / www.xxx.com ...
HTML5期末大作业：英雄联盟网站设计——英雄联盟LOL(4页) HTML+CSS+JavaScript web期末网站设计大作业
HTML5期末大作业:英雄联盟网站设计--英雄联盟LOL(4页) HTML+CSS+JavaScript web期末网站设计大作业常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商 ...
web期末网站设计大作业：动漫网站设计——龙猫(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计动漫漫画网页设计
web期末网站设计大作业:动漫网站设计--迪斯尼公主(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页设计作业题 ...
快播大屏幕推出的真正原因
快播大屏幕是快播推出的一款硬件产品. 快播的主要参数如下: 其实快播大屏幕就是一款HDMI dongle,这点不同于usb dongle,因为HDMI dongle的定位是多屏互动,而usb dong ...
网站设计大访问量应用的解决方案
[转] 如何加快网站访问速度(http://www.qnsky.com/dispbbs.asp?BoardID=6&id=634) 很多朋友都用虚拟主机来做网站,将网页文件存放在虚拟空间上,但 ...

古摄影婚纱网站jQuery大屏幕广告插件

超大图片居中显示

下拉大广告

大小广告交替显示

古摄影婚纱网站jQuery大屏幕广告插件相关推荐

最新文章

热门文章