大家是不是看到很多网站广告横幅图片右下角都有“广告”两个字
可能有人以为是制作图片的时候就加了水印标识广告二字
其实这并不是制作的时候加上的,当你复制保存或新网页单独打开图片
会发现右下角却没有广告两个字,这就说明是利用代码加上的广告两个字
代码如下:

  1. <table width="100%; cellpadding="0" cellspacing="0" border="0">
  2. <tr>
  3. <td style="position: relative;">
  4. <a href="https://www.58soho.cn.html" target="_blank"><img src="https://www.58soho.cn" width="100%" height="100" /></a>
  5. <div style="position:absolute;z-index:2;right:1px;bottom:1px;width:25px;height:15px;background:url(https://www.58soho.cn) no-repeat;"></div>
  6. </td>
  7. </tr>
  8. <tr>
  9. <td style="position: relative; padding-top: 5px;">
  10. <a href="https://www.58soho.cn.html" target="_blank"><img src="https://www.58soho.cn" width="100%" height="100" /></a>
  11. <div style="position:absolute;z-index:2;right:1px;bottom:1px;width:25px;height:15px;background:url(https://www.58soho.cn) no-repeat;"></div>
  12. </td>
  13. </tr>
  14. </table>

代码如下:

<!doctype html>
<!--软希网 
www.58soho.cn-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站首页弹窗公告代码</title>
</head>
<body>
<p>网站广告代码演示</p>
    </div>
<table width="100%; cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td style="position: relative;">
    <a href="
https://www.58soho.cn.html" target="_blank"><img src="https://www.58soho.cn" width="100%" height="100" /></a>
    <div style="position:absolute;z-index:2;right:1px;bottom:1px;width:25px;height:15px;background:url(
https://www.58soho.cn) no-repeat;"></div>
    </td>
  </tr>
<tr>
    <td style="position: relative; padding-top: 5px;">
    <a href="
https://www.58soho.cn.html" target="_blank"><img src="https://www.58soho.cn" width="100%" height="100" /></a>
    <div style="position:absolute;z-index:2;right:1px;bottom:1px;width:25px;height:15px;background:url(
https://www.58soho.cn) no-repeat;"></div>
    </td>
  </tr>
</table>

</body>
</html>

多广告图+右下角带“广告”小图标广告位源代码相关推荐

  1. CSS 网站小图标 雪碧图

    https://www.jianshu.com/p/7482dde882af 网站开发90%会用到小图标, 多小图标调用显示是前端开发常见的问题:目前小图标显示常见有两种方式(其他方式欢迎补充):1. ...

  2. 联盟广告新模式—图片广告

    联盟广告新模式-图片广告 作者:佚名 来源:chinaz 更新时间:2010-10-21 分享到 0 网络中总有一种风气:浮躁.当大家都瞧不起独立博客的时候,有的博客能月入几千,当大家在骂这个人的时候 ...

  3. 使用css3新属性clip-path制作小图标

    一般一个网页上面,或多或少都会用到一些小图标,展示这些小图标的方法有很多种.最简单的做法就是将UI图上面的每个小图标都保存为图片,一个小图标就一张图片.但这也是比较笨的方法,因为浏览器同一时间最多加载 ...

  4. echarts系列-带图教你调整左右位置x轴样式网格虚线刻度居中双轴Y轴滚动上下移动文字旋转改分割线颜色部分字体改色折注混合,X轴的颜色,X轴字体颜色,调整柱子颜色,调整小图标图例的大小和位置,鼠标

    本文已参与「新人创作礼」活动,一起开启掘金创作之路. 宝子们,今天又是开心的一天呢~ 上面先说注意事项 1.如果使用show hidden控制图表显示隐藏,某些切换效果很奇怪,比如饼图,会从左上角开始 ...

  5. 从二值检索到层次竞买图——让搜索广告关键词召回焕然新生

    丨目录: · 背景 · 广告改写的历史与新目标 · 从两阶段到一段式:二值海选 · 从一段式到联合召回:层次竞买图 · 关键词召回的业务思考 本文主要分享过去一年我们在搜索广告召回的传统领域--关键词 ...

  6. CIKM 2021 | 图模型在广告检索(Ad Retrieval)中的应用

    ▐ 1. 摘要 图模型能够有效的挖掘数据中的关系信息来增强数据表示,在研究和工业领域都被广泛应用.阿里妈妈搜索广告技术团队于2019年开源了工业界首个支持大规模分布式的深度图学习平台Euler(htt ...

  7. jQuery 仿写京东轮播广告图

    基本样式: HTML代码: <div class="container"><div class="list"><!--轮播广告图- ...

  8. 从广告图到广告落地页

    作为产品经理在页面信息结构,用户体验及文案设计上也需要掌握这些技能,毕竟点击及转化也是产品经理需要关注的指标. 一.两步营销法 第一步,通过广告吸引潜在顾客的关注 大家投放网络广告的思路一般都是通过广 ...

  9. IOS-启动图和开屏广告图,类似网易

    启动图是在iOS开发过程中必不可少的一个部分,很多app在启动图之后会有一张自定义的开屏广告图,点击该广告图可以跳转到广告图对应的页面.今天呢,和大家分享一下如何添加这张广告图以及点击广告图的跳转.这 ...

最新文章

  1. 访问HTTP网址的两种方式
  2. 开始测试React Native App(下篇)
  3. 第七周实践项目4 队列数组
  4. Scala集合体系:可变集合和不可变集合
  5. 【BZOJ 1449】 1449: [JSOI2009]球队收益 (最小费用流)
  6. android wifi在待机状态下可用,Android APP休眠状态下无法联网和播放音频解决方案...
  7. Tomcat6.0连接器源码分析3
  8. My Job Exceptation
  9. MATLAB在线网页链接使用
  10. 免杀工具 -- FourEye
  11. 虚拟机VMware16安装教程
  12. LCD(GEC6818)
  13. 什么是工业AGV导航读码器?用在什么地方?
  14. centos8安装显卡驱动
  15. 整理的strace命令参考文档
  16. 外边距塌陷原因和解决方式
  17. 用 Nginx 禁止国外 IP 访问我的网站...
  18. matlab干涉全息图,基于MATLAB的计算全息干涉图仿真
  19. 使用OpenCV调用摄像头
  20. 【spark】本地开发关闭日志打印

热门文章

  1. android 蓝牙串口数据格式,Android 蓝牙串口调试程序开发
  2. 【软件工程】需求分析
  3. PHP 写LOG日志
  4. 测井计算机使用的总线,测井数据处理开始步入工作站时代
  5. FY-4A图像数据的辐射定标和几何校正
  6. 阿玛尼干洗骗子你要骗我骗到什么时候,还我血汗钱阿玛尼骗子公司!
  7. 【软件分析】软件分析、设计与建模迭代式详解
  8. 如何将电脑的动态IP设置成静态IP,并成功上网
  9. 小米手机连接青花瓷抓包(https)
  10. python爬虫(四)爬虫的溯源(爬取mooc某个系列课程)