网站Banner的代码

网站的顶部经常需要加入一个banner。下面是加入banner的一段HTML。

原理：

美工画出一个固定高，固定宽的banner的图片

然后给出一个背景的图片。

因为banner的宽度是固定的，而每个显示器和浏览器的宽度是变化的。如何应对这种变化呢？做一个同样背景色的小图片，把它拉长，就可以弥补banner的空白的地方。因为这个bg.jpg的图片和banner是在一个图片切出来的，所以浏览的用户根本看出来了这是2张图片构成的，以为是一张图片呢。

html : '<div style="width:100%;background-image:url(' + basePath + 'resources/banner/bg.jpg)"><img src="' + basePath + 'resources/banner/logo.jpg"/></div>'

网站Banner的代码相关推荐

【CSS】课程网站 Banner 制作 ② ( Banner 栏版心盒子测量 | Banner 版心盒子模型左侧导航栏代码示例 )
文章目录一.Banner 栏版心盒子测量 1.测量版心元素尺寸 2.课程表测量二.Banner 版心盒子模型左侧导航栏代码示例 1.HTML 标签结构 2.CSS 样式 3.展示效果一.Bann ...
html广告条效果,css3炫酷网站banner广告动画特效
这是一款可以用来遮罩网站banner或广告的动画特效插件.该特效使用的是 CSS3 animations.注意不是所有的浏览器都支持 CSS3 animations.如果你对 CSS3 animati ...
php代码怎么复制_PHP_PHP网站备份程序代码分享，效果图:PHP代码复制代码代码 - phpStudy...
PHP网站备份程序代码分享效果图: PHP代码复制代码代码如下: 网站程序备份 error_reporting(E_ALL & ~E_NOTICE); ini_set('memory_l ...
模块版网站与html网站,网站新闻模块代码html
网站新闻模块代码html [2020-09-05 21:12:43] 简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace("/( ...
获取来源网站php,js实现获取网站搜索来源代码
本文主要和大家分享js实现获取网站搜索来源代码,把以下代码引入所有页面,即可实现收集系统来源的功能,在任意页面中都可以使用全局的统一的来源信息,希望能帮助到大家.var args = { mySite ...
2018程序员必备的4大网站推荐（代码、编程、SQL等）
科技时代,程序员是一个热门行业,也是一个高薪行业,很多人很羡慕程序员,其实作为一名合格的程序员,要不断的提升自己,因为科技也在不断进步,所以,接下来小编分享5个程序员必备网站,包括代码.编程.SQL等 ...
js实现精确统计网站访问量的代码分享
JS 精确统计网站访问量. 代码如下: /** * vlstat 浏览器统计脚本 */ var statIdName = "vlstatId"; var xmlHttp; /** ...
常见的手机端头部banner切换代码设置
常见的手机端头部banner切换代码一 HTML代码部分:  <style> .banner{ width:100%; h ...
网站漂浮广告代码收藏
可以关闭,链接的网站图片漂浮代码 <script type="text/javascript">function closeBox() { document.getEl ...
网站关键词html代码,html网站代码+网站关键词如何优化呢
原标题:html网站代码+网站关键词如何优化呢 html网站代码+网站关键词如何优化呢?为大家讲解一下. 一.h标签优化 1)h标签分为h1-h6标签,h1-h6分为六个层级.权重依次递减 2)h1标 ...

网站Banner的代码

网站Banner的代码相关推荐

最新文章

热门文章