h5页面背景图很长要有滚动条滑动。
最近做项目过程中，老大提了个很奇葩的要求
背景图铺满页面，他要求有滚动条可以滑动，他给我讲的思路是用js 获取背景图片的高，在获取当前窗口的高，两者比较，当窗口的高小于背景图片的高，把窗口的高设置成背景颜色的高。反之就是窗口的高。 感觉太麻烦，用css就可以实现他的要求
长背景图测试/title>
<style type="text/css">
//body里面的属性min-height是关键，网上说直接设置成100vh即可，如果不可以可以自己微调
body{
background:url(./images/download_bg.png) no-repeat;
background-size:100%;
//方案1
min-height: 185vh;
//方案2，本质等价于方案一,如果两个方案是同时开启，则会使用高度更小的那个，已测试
//height:1200px;
}
#btn{
margin-top: 150px;
text-align: center;
}
</style>
<body>
<div id="btn">
<a href=" http://www.cnblogs.com/fanbi">
<img src="./images/download_btn.png" width="90%" alt="跳转到某个网页地址"/></a>
</div>
</body>
</html></code></pre>
<p>这是网上找的代码。</p>
<p>我改动了下</p>
<pre class="has"><code class="language-css">body{
background: -webkit-linear-gradient(to bottom , #699eef, #8e92ef);
background: -o-linear-gradient(to bottom , #699eef, #8e92ef);
background: -moz-linear-gradient(to bottom , #699eef, #8e92ef);
background: linear-gradient(to bottom , #699eef, #8e92ef);
}
.app {
width: 100%;
/* height:900px; */
min-height: 120vh;
/* position: fixed; */
/* top: 0; */
/* left: 0; */
background: url('../../images/bg.jpg') no-repeat;
background-size: 100% auto;
}
</code></pre>
<p>给body加了个跟图片颜色一样的背景色</p>
<p>解决问题。</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1305007687011962880"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(h5页面背景图很长要有滚动条滑动。)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1946643695054942208.htm"
title="好的生活" target="_blank">好的生活</a>
<span class="text-muted">你好3306</span>
<div>好的生活首先是舒心，当然在这个社会高度发展的形式下还要有足够的挣钱能力，才能保证自己基本的衣食住行，好的生活还要有个好心态，有个智慧的头脑，随时抽离生活观察生活反思生活，总之照顾好自己的身心，丰富自己的身心。从前的生活过的迷茫，得过且过，过的没钱，没质量，没卫生，没目标，现在越来越清晰的看清了这个世界，人家可以奋斗的高峰，其实只要自己努力就可以得到，别人看着清爽的脸面和衣服，只要自己花心思花钱也可</div>
</li>
<li><a href="/article/1946639897477574656.htm"
title="生在红旗下，长在臂弯里" target="_blank">生在红旗下，长在臂弯里</a>
<span class="text-muted">自由的风滚草Z</span>
<div>和平时代的幸福感是老一辈革命家用前仆后继，英勇无畏的牺牲换来的，没有共产党就没有新中国，在共产党的英明领导下，我们这一代人，出生在红旗下，生长在祖国妈妈的臂弯里。相信每个人都曾在无数个瞬间，自豪自己是一个中国人，无论身处何方，远在何地，只要有需要，祖国永远是我们坚持的后盾，每次在电视上新闻里看见和听到，华侨身在国外，在大家都焦灼等待救援的同时，会让更多人明白什么是中国速度，个人安全感的背后有强大的</div>
</li>
<li><a href="/article/1946637480690249728.htm"
title="2023-11-01" target="_blank">2023-11-01</a>
<span class="text-muted">耳鸣小科普</span>
<div>专家说耳鸣的类型有很多种，其中以神经性耳鸣为主，而且发病率最高，很多人对于神经性耳鸣并不了解，因此也就不清楚得了神经性耳鸣会有什么症状，为此很多人错过了早期最佳的治疗时间，那么神经性耳鸣会存在哪些症状呢?下面为您详细介绍。神经性耳鸣的症状主要有哪些?神经性耳鸣可为纯音性、中高频、间断或持续性，在急性感染时可为搏动性。患者同时有听力减退、耳闭塞感等主诉，外伤者可伴有眩晕。该类耳鸣可被掩蔽。主观性耳鸣</div>
</li>
<li><a href="/article/1946630238272286720.htm"
title="等你老了，要怎样才能不招年轻人嫌弃" target="_blank">等你老了，要怎样才能不招年轻人嫌弃</a>
<span class="text-muted">此岸即彼岸</span>
<div>说实话这个问题我还没有考虑过，可能是因为我还不够“老”，哈哈，不过我也有自己的一些想法，愿意分享出来以娱乐大家。首先，我不会跟年轻人一起吃住。因为我觉得我们彼此都要有自己的空间，这个时代不像从前了，什么四世同堂之类的，现在人们的思想都在随时空发生各种变化，不要说两代人之间的想法不同，就是相差三岁，想法都有可能不同，所以提前做好这个准备，省的大家都不舒服。其次，对于年轻人的想法，只给建议，但决定要自</div>
</li>
<li><a href="/article/1946629854438944768.htm"
title="拆文比写文还累" target="_blank">拆文比写文还累</a>
<span class="text-muted">小高的日常</span>
<div>今天上第一天课，要拆文。没想到，一拆就到半夜了。哇，这真是花很长时间，想想人家作者能写出这文章，那得花更多时间吧。一天快结束了，突然发现，还没有日更，赶紧过来看看。恐怕以后这边就更懒散了，没有精力，也没有时间。可能是因为自己没有好好管理时间，拖延症要背这个锅。不说了，又100多字了，先应付了今天的再说。明天见。</div>
</li>
<li><a href="/article/1946618939425484800.htm"
title="前言" target="_blank">前言</a>
<span class="text-muted">风中玉</span>
<div>坚持写，不放弃。勇敢写。写出特色，写出心声。写出特别的声音。写出创作者的灵魂。周一正式开始创新小说，用心写，写好小说。我相信，在创作的路上要有决心，更要相信自己，不怕孤独，不怕没人理解。不怕没人表扬。在成功的路上总是孤独而艰辛的。加油，风中玉！无论成败！</div>
</li>
<li><a href="/article/1946616768202076160.htm"
title="2022-12-26" target="_blank">2022-12-26</a>
<span class="text-muted">胡诌文学</span>
<div>今天看到一个人发了文章说不再买书了，这是时代的悲哀，也是时代的幸运，以前，知识就像是一个象牙塔，虽说事事洞明皆学问，但躲不过黄金屋的书籍，但是现在，知识扩散越来越明显，我们只要有心，就可学习，不必纠结于书</div>
</li>
<li><a href="/article/1946613471357497344.htm"
title="【泽宇读书会18】突发事件打乱所有计划，四大法则傍身，谁来也不怕！" target="_blank">【泽宇读书会18】突发事件打乱所有计划，四大法则傍身，谁来也不怕！</a>
<span class="text-muted">暴富的小青</span>
<div>阅读《高效能人士的时间管理课：不可不知的8项黄金法则》P46-61第四天，进度只有20页。我们经常经常会碰到这样一种情况：花了很长时间制定好自己的一份完美的计划清单。当准备重新开始美好的一天时，却发现自己办公桌堆满新的任务，工作如大海波浪，一波未平一波又起，而且每一波都会被注明是“紧急任务”，看看计划清单，再看看堆积如山的新任务，瞬间更加焦虑了。元亨利在《高效能人士的时间管理课：不可不知的8项黄金</div>
</li>
<li><a href="/article/1946607227506847744.htm"
title="『阅读•思考•灵性新苑‖第十辑/316/1001』《心灵的潜能:硅谷亿万富翁成功秘钥》 2 查尔斯·哈奈尔 著 梁红 李艳红 译" target="_blank">『阅读•思考•灵性新苑‖第十辑/316/1001』《心灵的潜能:硅谷亿万富翁成功秘钥》 2 查尔斯·哈奈尔 著 梁红 李艳红 译</a>
<span class="text-muted">景熙惟</span>
<div>第3章（部分节选）成功就是达到自己所设定的目标。成功，对很多人来说，都有很遥远的距离。怎样成功，其实并没有什么秘诀。要想达到成功，我认为首先应该具有一颗热情的心。没有热情就没有兴趣，也就不会成功；其次，还要有冷静的头脑，一时的冲动或者说是急于求成往往成为阻止成功的要素。首先，成功必定要和事件有所关联，没有事件便没有成功。那么事件是怎么样开始的呢？这就不得不考虑到成功的主体是谁，换句话说，就是谁成功</div>
</li>
<li><a href="/article/1946602021704495104.htm"
title="激活干部队伍" target="_blank">激活干部队伍</a>
<span class="text-muted">郭强GQ</span>
<div>在市场竞争处于劣势的情况下，用干部队伍激活的确定性，应对环境与商业变化的不确定性是组织必须做的事情。干部选拔与任用机制干部选拔与任用要真正建立起基于实际作业的履历，而不是曾经任命过的岗位履历。干部履历，一是作业履历，二是履历的附件，即个人写的自我鉴定。比如，什么地点做过什么事，证明人是谁？这些都要有真实记录。实际的项目作战经验，“上过战场、开过枪、受过伤”，永远是组织的优先标准。明确关键岗位资格要</div>
</li>
<li><a href="/article/1946601256260792320.htm"
title="《小狗钱钱》学习心得（第三、四、五章）" target="_blank">《小狗钱钱》学习心得（第三、四、五章）</a>
<span class="text-muted">A01琪公子</span>
<div>《小狗钱钱》学习心得（第三、四、五章）最近在跟战友读一本《小狗钱钱》的书，今天把读到的精华与对这本书的感悟分享给正在看文章的你，希望对你有用。一、成功笔记：1.昨天的梦想相册的三个重要梦想开始在我脑海中浮现，我闭眼想到靠自己努力买房并装修好的新房的温馨舒适、爸妈安享晚年的幸福时刻，以及清晨爱人醒来那甜蜜的微笑。2.给客户重新发了合同，不在急急燥燥，而是准备好，只要有机会，就紧紧抓住。3.用心读完了</div>
</li>
<li><a href="/article/1946596681520836608.htm"
title="请你停下3秒：写作的捷径，肯定有" target="_blank">请你停下3秒：写作的捷径，肯定有</a>
<span class="text-muted">叶两步</span>
<div>文/叶老巫（2018年：12/365）本文关键词：捷径、多读、多写、特色【壹】人，是很懒的另类动物。凡事，在思维上，首先想的是，怎样快速到达目的地。在写作上，也是如此。写作水平，要有所提高，是有捷径走的。有一条捷径，你必须走，才能到达你梦想的地方。这条捷径，我说出来，你会失望的。唯一的捷径，就是必须多读，还要多写。【贰】你会睁大眼睛，看着我，心里一个大大的问号：为什么是这个呢？话说，多读多写，人人</div>
</li>
<li><a href="/article/1946591853046460416.htm"
title="读《原则》随笔-1" target="_blank">读《原则》随笔-1</a>
<span class="text-muted">kavern</span>
<div>最近在看RayDlio的《原则》，受益颇多。作为对冲基金界神一样存在的人物，RayDlio通过本书讲述了他的成长历程，如何一手创办了桥水，如何取得了今天的成就。贯穿始终的，是所谓的“原则”，即做任何事情，都要有的标准、准则。这不禁让我想起了罗胖在2018跨年演讲上讲的“人生算法”（附上当时的感悟“算法”的力量）。无论是“原则”，还是“算法”，说白了，都是一系列可表达、可重复执行的指令。要想与众不同</div>
</li>
<li><a href="/article/1946591083983073280.htm"
title="心里一定要有个人" target="_blank">心里一定要有个人</a>
<span class="text-muted">Suzy啊</span>
<div>不论是已婚还是未婚，一定要心里爱着一个人。贾平凹说：心里有个人，才能活下去，不然生活的意义就会越来越低，生活里需要情感的羁绊。恰是因为这些羁绊，才有了念头，人一旦有了念头，生活就有了奔头。</div>
</li>
<li><a href="/article/1946589163130253312.htm"
title="创造力是产生有价值的新颖想法，这是三个大脑神经网络的交互作用——《跨越不可能》精读分享36" target="_blank">创造力是产生有价值的新颖想法，这是三个大脑神经网络的交互作用——《跨越不可能》精读分享36</a>
<span class="text-muted">峰哥读写思</span>
<div>创造力是神经网络的交互作用。这是《跨越不可能》一书，精读分享的第36篇。根据心理学的定义，创造力是产生有价值的新颖想法。在这个定义中，从大脑的结构来看，创造力总是与选择有关。大脑必须选择一个以前从未出现过的行动计划，并且要判断这个行动计划是否有效。这就要有赖于大脑中的三个神经网络的交互作用。第一个网络是注意网络。这个网络是信息选择器。创造力开始于大脑吸收新的信息。我们是用自己的注意力来吸收这些信息</div>
</li>
<li><a href="/article/1946578989548105728.htm"
title="读书笔记之 瑞达利欧《原则》" target="_blank">读书笔记之 瑞达利欧《原则》</a>
<span class="text-muted">niuDavid</span>
<div>桥水创始人瑞·达利欧写的《原则》一书，厚厚的竟达五百多页，我也是花费很长时间读完。《原则》主体架构无非分为三个部分，首先是写自己的历程，夹杂一些自己感悟作为本书的引子，第二部分是讲到归纳的生活原则，最后一部分就讲了工作中的原则。书中归纳点很多，虽然有些是我们早已体察到的，但仍有部分观点新鲜可敬，有些理论是深刻的，有些观点是让人触动不已，有些竟是即相通而又交叉验证的，这些都通过此书系统的给我们展显出</div>
</li>
<li><a href="/article/1946578223080992768.htm"
title="如何讲好一个故事？2019.03.26" target="_blank">如何讲好一个故事？2019.03.26</a>
<span class="text-muted">曾艳萍</span>
<div>如何讲好故事？第一、让你的故事真实、情节、带感情。故事包含：时间，地点，人物。情节，要有冲突，最后结局带有感情的讲出来加上五觉：听觉，视觉，触觉，嗅觉，感觉第二、让你的故事会说话。演讲有4大目的：传递信息，娱乐，说服，激励。说故事也要有目的，让你的故事有价值。第三、让自己成为有故事的人。用故事的视角，去过有故事的人生――核心。做到讲好故事三件事情：1、使用手机备忘录，做记录把听到，看到或经历的好故</div>
</li>
<li><a href="/article/1946576317776457728.htm"
title="稻盛和夫：爱上自己的工作" target="_blank">稻盛和夫：爱上自己的工作</a>
<span class="text-muted">管理顾问王荣增</span>
<div>上个月，我的一位朋友获得了晋升，这在她所在的行业及企业都算是职场中的一次大跳跃。我趁出差间隙，和她约了次烧烤，对她表示祝贺。很奇怪的是，我没有看到她因晋升而产生的兴奋，反而感知到她较以往更多的焦虑——她说，晋升固然好，但是她更在乎的是要有更多的锻炼和成长机会，她觉得她目前的工作量并不饱和，工作强度也不算大，而且她很担心因为受大环境影响，这种状态可能会持续一段时间。同时，尽管已经工作近3年，但是她还</div>
</li>
<li><a href="/article/1946567934033850368.htm"
title="「高效能人士的7个习惯」-读后感-01.改变，从思维方式开始" target="_blank">「高效能人士的7个习惯」-读后感-01.改变，从思维方式开始</a>
<span class="text-muted">微笑的百合happyness</span>
<div>什么是七个习惯？不是速成计划，也不是每月精选。而是一个关于个人与人际成长和发展的过程。不但要求你全力以赴、持之以恒，同时也需要付出坚韧不拔的耐心。真正的成长和发展不能一蹴而就，必须经过时间的努力耕耘，才能从这些习惯中获益。在践行7个习惯的过程如同攀登险峰，需要有足够的勇气和耐心来面对各种挑战，但一定会收获喜悦和兴奋，让生命进入一个全新的境界，让生活充实而圆满。-----------史蒂芬·柯维写在</div>
</li>
<li><a href="/article/1946565507083726848.htm"
title="咏怀八十二首·其三十二" target="_blank">咏怀八十二首·其三十二</a>
<span class="text-muted">紫雁东来</span>
<div>[魏晋]阮籍朝阳不再盛，白日忽西幽。去此若俯仰，如何似九秋。人生若尘露，天道邈悠悠。齐景升丘山，涕泗纷交流。孔圣临长川，惜逝忽若浮。去者余不及，来者吾不留。愿登太华山，上与松子游。渔父知世患，乘流泛轻舟。译文:朝阳终究不能始终灿烂下去，随着白日西落，天色也很快变得幽暗。去这里时间短暂，如何能像很长时间。人生就如同尘土就如同朝露，很快地就会消失，而“悠悠”天道却永恒长久。在齐景公登牛山，见山川之美，</div>
</li>
<li><a href="/article/1946564348012982272.htm"
title="千年古银杏" target="_blank">千年古银杏</a>
<span class="text-muted">曦微w行走在路上</span>
<div>千年银杏，摄影:曦微千年银杏，摄影:曦微《千年古银杏》秦岭临瞰百塔寺，银杏香浓千百年。别家金光随风去，且看本色翠相连。多少风霜雨慕雪，我自凭栏望云烟。四时黎民歌乐土，世代江山待远帆。千年银杏，摄影:曦微千年银杏，摄影:曦微千年银杏，摄影:曦微注：刚一入秋，城里四处散落的银杏树，叶子就急匆匆地改变了颜色，无论遇到朝阳还是夕照，只要有阳光照耀，银杏叶总会呈现出金光斑斓的迷离状态，造就无可比拟的金色光彩</div>
</li>
<li><a href="/article/1946548704827731968.htm"
title="你的能量就是你的磁场，带对了能量你也能做到“心想事成”" target="_blank">你的能量就是你的磁场，带对了能量你也能做到“心想事成”</a>
<span class="text-muted">小苜蓿</span>
<div>“我是台视新闻主播，台大毕业的高材生，年轻貌美，开着名牌轿车，住在豪宅里面，又有个名人丈夫。任何人，只要有其中一项，就应该很很高兴了吧？为什么我如此不开心呢？”这是作者张德芬在《遇见未知的自己》这本书里写的，也是她二十五岁的自己。为什么在别人看起来很羡慕的她，不开心呢？也正是这个源头，她开始了改变，找到了问题的根源所在，慢慢地成为身心灵疗愈的作家。面对自己，首先要考虑的哲学问题是什么？《西游记》是</div>
</li>
<li><a href="/article/1946542106176712704.htm"
title="大学糗事8//老四赌气喝辣椒水喝的洗胃" target="_blank">大学糗事8//老四赌气喝辣椒水喝的洗胃</a>
<span class="text-muted">蘑菇花园</span>
<div>老四赌气喝辣椒水喝的洗胃我们班上老四是重庆的隔壁宿舍还有一个男生是湖南的，本来两个人饮食习惯相似应该有很多共同话题的事实恰好相反两个人就像死敌一样！两人的性格很相似都是很活跃喜欢闹腾只要有表现机会两个人都是你方唱罢我登场绝不妥协。在班级竞选上，老四要竞选学委湖南同学一定会竞选体委;在校园活动上，老四如果唱首歌湖南同学一定会跳支舞；在课堂发言上，老四提出一个观点湖南同学一定会想尽一切办法提出反驳。图</div>
</li>
<li><a href="/article/1946536639991967744.htm"
title="兴成长 伴我行" target="_blank">兴成长 伴我行</a>
<span class="text-muted">浑江085孙跃铭</span>
<div>浑江085孙跃铭通过近两个月的兴成长计划信息化2.0提升班的学习，使我大开眼界，反观自己原来的教学方式和方法，确实陈旧，教育的发展应当顺应时代的发展，要有前瞻性，作为一名教师要适应现代教育事业的发展，就应该具备现代教育技术的素质，充分发挥信息技术的优势，为学生的学习和发展提供丰富多彩的教学环境和有利的学习工具。各位老师精彩的讲座给我留下了深刻的印象。第一讲的王子老师的课真的非常实用，给我们介绍了好</div>
</li>
<li><a href="/article/1946535373618343936.htm"
title="微课" target="_blank">微课</a>
<span class="text-muted">樊事宇</span>
<div>1.开课要“快”因为教学时间的限制，我们要迅速切入主题。可以从生活情累引入课题，也可以直接开门见山地讲。2.重点要“准”一定要抓住核心要点讲，一些可有可无的例子、讲解都可以意减掉。站在学生角度来设计做课脚本。3.讲解要“清”表达清晰准确，建议录制的时候，看提词器或者文字稿。如果是人出镇，注意仪表和手势。课件上最好要有字幕。4.总结要“新”好的总结往往给一节优质课起到画龙点睛的作用，可以使一节课上开</div>
</li>
<li><a href="/article/1946526454481219584.htm"
title="制度设计丨从智猪博弈看企业管理考核" target="_blank">制度设计丨从智猪博弈看企业管理考核</a>
<span class="text-muted">戴天宇自运行机制</span>
<div>导读：许多企业都坚信，即便内部分配存在一些不合理，但也不会背离“多劳多得”的原则。可“智猪博弈”结果说明，由于工作相互牵扯，业绩相互掣肘，最后的分配结果很可能“多劳不多得、少劳不少得”。智猪博弈：假设猪圈里有两头猪，一头大猪，一头小猪。猪圈很长，一头有一踏板，另一头是饲料的出口和食槽。猪每踩一下踏板，另一边就会有相当于10份的猪食进槽，但是不论谁跑去踩踏板，都会首先消耗2个单位的体力成本。假设小猪</div>
</li>
<li><a href="/article/1946526326101962752.htm"
title="突破性职业" target="_blank">突破性职业</a>
<span class="text-muted">凛冬__</span>
<div>有些职业，突破性是很小的，比如服务员、律师、医生等靠卖自己特定时间劳动力的产出来赚钱的职业，会受到天花板的限制，工资可能会增高，但也不会突然增几十倍，而写一本好书出版，以后就不用额外付出更多劳动力，就可以获得金钱回报，李笑来老师称之为“睡后收入”，就是在睡觉时，只要有人买书就可以赚到钱。</div>
</li>
<li><a href="/article/1946522647189843968.htm"
title="未来可期2022-06-11" target="_blank">未来可期2022-06-11</a>
<span class="text-muted">九九聊</span>
<div>清晨，马路上非常清新，许是昨天的雨把所有的阴霾都扫去了吧？走着路上的脚步变得非常轻快。回忆这四个月来的晨读，有过退缩的想法，有过放弃的想法，但最终一直坚持下来，没事落下一堂课，虽然没有把所学知识及时落下去，但一直在做，一直在进步。因为不是科班出身，所以系统性的执行有些不足，虽然学习了时间管理，但时间管理的精髓还没有真正落地。后面的路还有很长要走。但是我发现自己的潜能正在慢慢的激发出来，接下来我将梳</div>
</li>
<li><a href="/article/1946519846728560640.htm"
title="选择了它，便选择了不离不弃" target="_blank">选择了它，便选择了不离不弃</a>
<span class="text-muted">京东饭粒</span>
<div>知乎上有个问题：吸猫/撸狗是否会使人像毒品一样上瘾？答案是千篇一律的：是啊，会的，就是会上瘾啊……确实，宠物总能给我们极大的安全感和抚慰，一个人的时候，只要有它在身边，就什么烦恼事都没有了。自从有了它，遍有了牵挂。总想尽快完成工作，回家好好陪陪它；能不出差尽量不出差，怕它自己一人在家寂寞；因为交流问题，每次生病都急得心急火燎……所以别只顾着吸猫/撸狗，宠物的健康问题同样重要，为了让你更好的做好宠物</div>
</li>
<li><a href="/article/1946515735283036160.htm"
title="CSS中隐藏滚动条的同时保留滚动功能" target="_blank">CSS中隐藏滚动条的同时保留滚动功能</a>
<span class="text-muted">码力无边-OEC</span>
<a class="tag" taget="_blank" href="/search/HTML%2BCSS/1.htm">HTML+CSS</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%BC%80%E5%8F%91/1.htm">网页开发</a>
<div>在CSS中，我们可以通过一些技巧来隐藏滚动条，同时保留滚动功能。以下是几种常用的方法和具体的实现步骤。1.使用overflow和::-webkit-scrollbar这种方法适用于大多数现代浏览器。通过设置overflow属性启用滚动，同时利用::-webkit-scrollbar来隐藏滚动条（此伪元素只适用于WebKit内核的浏览器，如Chrome和Safari）。实现步骤：/*隐藏滚动条，启用</div>
</li>
<li><a href="/article/49.htm"
title="辗转相处求最大公约数" target="_blank">辗转相处求最大公约数</a>
<span class="text-muted">沐刃青蛟</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E6%BC%8F%E6%B4%9E/1.htm">漏洞</a>
<div>无言面对”江东父老“了，接触编程一年了，今天发现还不会辗转相除法求最大公约数。惭愧惭愧！
为此，总结一下以方便日后忘了好查找。
1.输入要比较的两个数a,b
忽略：2.比较大小（因为后面要的是大的数对小的数做%操作）
3.辗转相除（用循环不停的取余，如a%b,直至b=0）
4.最后的a为两数的最大公约数
&</div>
</li>
<li><a href="/article/176.htm"
title="F5负载均衡会话保持技术及原理技术白皮书" target="_blank">F5负载均衡会话保持技术及原理技术白皮书</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/F5/1.htm">F5</a><a class="tag" taget="_blank" href="/search/%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1/1.htm">负载均衡</a>
<div>一.什么是会话保持？ 在大多数电子商务的应用系统或者需要进行用户身份认证的在线系统中，一个客户与服务器经常经过好几次的交互过程才能完成一笔交易或者是一个请求的完成。由于这几次交互过程是密切相关的，服务器在进行这些交互过程的某一个交互步骤时，往往需要了解上一次交互过程的处理结果，或者上几步的交互过程结果，服务器进行下</div>
</li>
<li><a href="/article/303.htm"
title="Object.equals方法：重载还是覆盖" target="_blank">Object.equals方法：重载还是覆盖</a>
<span class="text-muted">Cwind</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/generics/1.htm">generics</a><a class="tag" taget="_blank" href="/search/override/1.htm">override</a><a class="tag" taget="_blank" href="/search/overload/1.htm">overload</a>
<div>本文译自StackOverflow上对此问题的讨论。
原问题链接
在阅读Joshua Bloch的《Effective Java（第二版）》第8条“覆盖equals时请遵守通用约定”时对如下论述有疑问：
“不要将equals声明中的Object对象替换为其他的类型。程序员编写出下面这样的equals方法并不鲜见，这会使程序员花上数个小时都搞不清它为什么不能正常工作：”
pu</div>
</li>
<li><a href="/article/430.htm"
title="初始线程" target="_blank">初始线程</a>
<span class="text-muted">15700786134</span>
<div> 暑假学习的第一课是讲线程，任务是是界面上的一条线运动起来。
既然是在界面上，那必定得先有一个界面，所以第一步就是，自己的类继承JAVA中的JFrame，在新建的类中写一个界面，代码如下：
public class ShapeFr</div>
</li>
<li><a href="/article/557.htm"
title="Linux的tcpdump" target="_blank">Linux的tcpdump</a>
<span class="text-muted">被触发</span>
<a class="tag" taget="_blank" href="/search/tcpdump/1.htm">tcpdump</a>
<div>用简单的话来定义tcpdump，就是：dump the traffic on a network，根据使用者的定义对网络上的数据包进行截获的包分析工具。 tcpdump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支 持针对网络层、协议、主机、网络或端口的过滤，并提供and、or、not等逻辑语句来帮助你去掉无用的信息。
实用命令实例
默认启动
tcpdump
普通情况下，直</div>
</li>
<li><a href="/article/684.htm"
title="安卓程序listview优化后还是卡顿" target="_blank">安卓程序listview优化后还是卡顿</a>
<span class="text-muted">肆无忌惮_</span>
<a class="tag" taget="_blank" href="/search/ListView/1.htm">ListView</a>
<div>最近用eclipse开发一个安卓app，listview使用baseadapter，里面有一个ImageView和两个TextView。使用了Holder内部类进行优化了还是很卡顿。后来发现是图片资源的问题。把一张分辨率高的图片放在了drawable-mdpi文件夹下，当我在每个item中显示，他都要进行缩放，导致很卡顿。解决办法是把这个高分辨率图片放到drawable-xxhdpi下。
&nb</div>
</li>
<li><a href="/article/811.htm"
title="扩展easyUI tab控件，添加加载遮罩效果" target="_blank">扩展easyUI tab控件，添加加载遮罩效果</a>
<span class="text-muted">知了ing</span>
<a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
<div>(function () {
$.extend($.fn.tabs.methods, {
//显示遮罩
loading: function (jq, msg) {
return jq.each(function () {
var panel = $(this).tabs(&</div>
</li>
<li><a href="/article/938.htm"
title="gradle上传jar到nexus" target="_blank">gradle上传jar到nexus</a>
<span class="text-muted">矮蛋蛋</span>
<a class="tag" taget="_blank" href="/search/gradle/1.htm">gradle</a>
<div>原文地址：
https://docs.gradle.org/current/userguide/maven_plugin.html
configurations {
deployerJars
}
dependencies {
deployerJars "org.apache.maven.wagon</div>
</li>
<li><a href="/article/1065.htm"
title="千万条数据外网导入数据库的解决方案。" target="_blank">千万条数据外网导入数据库的解决方案。</a>
<span class="text-muted">alleni123</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>从某网上爬了数千万的数据，存在文本中。
然后要导入mysql数据库。
悲剧的是数据库和我存数据的服务器不在一个内网里面。。
ping了一下， 19ms的延迟。
于是下面的代码是没用的。
ps = con.prepareStatement(sql);
ps.setString(1, info.getYear())............;
ps.exec</div>
</li>
<li><a href="/article/1192.htm"
title="JAVA IO InputStreamReader和OutputStreamReader" target="_blank">JAVA IO InputStreamReader和OutputStreamReader</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/JAVA.io%E6%93%8D%E4%BD%9C+%E5%AD%97%E7%AC%A6%E6%B5%81/1.htm">JAVA.io操作 字符流</a>
<div>这是第三篇关于java.io的文章了，从开始对io的不了解-->熟悉--->模糊，是这几天来对文件操作中最大的感受，本来自己认为的熟悉了的，刚刚在回想起前面学的好像又不是很清晰了，模糊对我现在或许是最好的鼓励 我会更加的去学 加油！：
JAVA的API提供了另外一种数据保存途径，使用字符流来保存的，字符流只能保存字符形式的流
字节流和字符的难点：a,怎么将读到的数据</div>
</li>
<li><a href="/article/1319.htm"
title="MO、MT解读" target="_blank">MO、MT解读</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/GSM/1.htm">GSM</a>
<div>MO= Mobile originate，上行，即用户上发给SP的信息。MT= Mobile Terminate，下行，即SP端下发给用户的信息；
上行:mo提交短信到短信中心下行:mt短信中心向特定的用户转发短信，你的短信是这样的，你所提交的短信，投递的地址是短信中心。短信中心收到你的短信后，存储转发，转发的时候就会根据你填写的接收方号码寻找路由，下发。在彩信领域是一样的道理。下行业务：由SP</div>
</li>
<li><a href="/article/1446.htm"
title="五个JavaScript基础问题" target="_blank">五个JavaScript基础问题</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/call/1.htm">call</a><a class="tag" taget="_blank" href="/search/apply/1.htm">apply</a><a class="tag" taget="_blank" href="/search/this/1.htm">this</a><a class="tag" taget="_blank" href="/search/Hoisting/1.htm">Hoisting</a>
<div>下面是五个关于前端相关的基础问题，但却很能体现JavaScript的基本功底。
问题1：Scope作用范围
考虑下面的代码：
(function() {
var a = b = 5;
})();
console.log(b);
什么会被打印在控制台上？
回答：
上面的代码会打印 5。
&nbs</div>
</li>
<li><a href="/article/1573.htm"
title="【Thrift二】Thrift Hello World" target="_blank">【Thrift二】Thrift Hello World</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Hello+world/1.htm">Hello world</a>
<div>本篇，不考虑细节问题和为什么，先照葫芦画瓢写一个Thrift版本的Hello World，了解Thrift RPC服务开发的基本流程
1. 在Intellij中创建一个Maven模块，加入对Thrift的依赖，同时还要加上slf4j依赖，如果不加slf4j依赖，在后面启动Thrift Server时会报错
<dependency>
</div>
</li>
<li><a href="/article/1700.htm"
title="【Avro一】Avro入门" target="_blank">【Avro一】Avro入门</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/%E5%85%A5%E9%97%A8/1.htm">入门</a>
<div>本文的目的主要是总结下基于Avro Schema代码生成，然后进行序列化和反序列化开发的基本流程。需要指出的是，Avro并不要求一定得根据Schema文件生成代码，这对于动态类型语言很有用。
1. 添加Maven依赖
<?xml version="1.0" encoding="UTF-8"?>
<proj</div>
</li>
<li><a href="/article/1827.htm"
title="安装nginx+ngx_lua支持WAF防护功能" target="_blank">安装nginx+ngx_lua支持WAF防护功能</a>
<span class="text-muted">ronin47</span>
<div>需要的软件:LuaJIT-2.0.0.tar.gz nginx-1.4.4.tar.gz &nb</div>
</li>
<li><a href="/article/1954.htm"
title="java-5.查找最小的K个元素-使用最大堆" target="_blank">java-5.查找最小的K个元素-使用最大堆</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
import java.util.Arrays;
import java.util.Random;
public class MinKElement {
/**
* 5.最小的K个元素
* I would like to use MaxHeap.
* using QuickSort is also OK
*/
public static void</div>
</li>
<li><a href="/article/2081.htm"
title="TCP的TIME-WAIT" target="_blank">TCP的TIME-WAIT</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a>
<div>原文连接：
http://vincent.bernat.im/en/blog/2014-tcp-time-wait-state-linux.html
以下为对原文的阅读笔记
说明：
主动关闭的一方称为local end，被动关闭的一方称为remote end
本地IP、本地端口、远端IP、远端端口这一“四元组”称为quadruplet，也称为socket
1、TIME_WA</div>
</li>
<li><a href="/article/2208.htm"
title="jquery ajax 序列化表单" target="_blank">jquery ajax 序列化表单</a>
<span class="text-muted">coder_xpf</span>
<a class="tag" taget="_blank" href="/search/Jquery+ajax+%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">Jquery ajax 序列化</a>
<div>
checkbox 如果不设定值，默认选中值为on；设定值之后，选中则为设定的值
<input type="checkbox" name="favor" id="favor" checked="checked"/>
$("#favor&quo</div>
</li>
<li><a href="/article/2335.htm"
title="Apache集群乱码和最高并发控制" target="_blank">Apache集群乱码和最高并发控制</a>
<span class="text-muted">cuisuqiang</span>
<a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91/1.htm">并发</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E7%BE%A4/1.htm">集群</a><a class="tag" taget="_blank" href="/search/%E4%B9%B1%E7%A0%81/1.htm">乱码</a>
<div>都知道如果使用Http访问，那么在Connector中增加URIEncoding即可，其实使用AJP时也一样，增加useBodyEncodingForURI和URIEncoding即可。
最大连接数也是一样的，增加maxThreads属性即可，如下，配置如下：
<Connector maxThreads="300" port="8019" prot</div>
</li>
<li><a href="/article/2462.htm"
title="websocket" target="_blank">websocket</a>
<span class="text-muted">dalan_123</span>
<a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a>
<div>一、低延迟的客户端-服务器 和 服务器-客户端的连接
很多时候所谓的http的请求、响应的模式，都是客户端加载一个网页，直到用户在进行下一次点击的时候，什么都不会发生。并且所有的http的通信都是客户端控制的，这时候就需要用户的互动或定期轮训的，以便从服务器端加载新的数据。
通常采用的技术比如推送和comet（使用http长连接、无需安装浏览器安装插件的两种方式：基于ajax的长</div>
</li>
<li><a href="/article/2589.htm"
title="菜鸟分析网络执法官" target="_blank">菜鸟分析网络执法官</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
<div>
最近在论坛上看到很多贴子在讨论网络执法官的问题。菜鸟我正好知道这回事情.人道"人之患好为人师" 手里忍不住,就写点东西吧. 我也很忙.又没有MM,又没有MONEY....晕倒有点跑题.
OK,闲话少说,切如正题. 要了解网络执法官的原理. 就要先了解局域网的通信的原理.
前面我们看到了.在以太网上传输的都是具有以太网头的数据包. </div>
</li>
<li><a href="/article/2716.htm"
title="Android相对布局属性全集" target="_blank">Android相对布局属性全集</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>RelativeLayout布局android:layout_marginTop="25dip" //顶部距离android:gravity="left" //空间布局位置android:layout_marginLeft="15dip //距离左边距
// 相对于给定ID控件android:layout_above 将该控件的底部置于给定ID的</div>
</li>
<li><a href="/article/2843.htm"
title="Tomcat内存设置详解" target="_blank">Tomcat内存设置详解</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/tomcat%E5%86%85%E5%AD%98%E8%AE%BE%E7%BD%AE/1.htm">tomcat内存设置</a>
<div>Java内存溢出详解
一、常见的Java内存溢出有以下三种：
1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap（堆）溢出JVM在启动的时候会自动设置JVM Heap的值，其初始空间(即-Xms)是物理内存的1/64，最大空间(-Xmx)不可超过物理内存。
可以利用JVM提</div>
</li>
<li><a href="/article/2970.htm"
title="Java6 JVM参数选项" target="_blank">Java6 JVM参数选项</a>
<span class="text-muted">greatwqs</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jvm%E5%8F%82%E6%95%B0/1.htm">jvm参数</a><a class="tag" taget="_blank" href="/search/JVM+Options/1.htm">JVM Options</a>
<div>Java 6 JVM参数选项大全（中文版）
作者：Ken Wu
Email: ken.wug@gmail.com
转载本文档请注明原文链接 http://kenwublog.com/docs/java6-jvm-options-chinese-edition.htm！
本文是基于最新的SUN官方文档Java SE 6 Hotspot VM Opt</div>
</li>
<li><a href="/article/3097.htm"
title="weblogic创建JMC" target="_blank">weblogic创建JMC</a>
<span class="text-muted">i5land</span>
<a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a><a class="tag" taget="_blank" href="/search/jms/1.htm">jms</a>
<div>进入 weblogic控制太
1.创建持久化存储
--Services--Persistant Stores--new--Create FileStores--name随便起--target默认--Directory写入在本机建立的文件夹的路径--ok
2.创建JMS服务器
--Services--Messaging--JMS Servers--new--name随便起--Pers</div>
</li>
<li><a href="/article/3224.htm"
title="基于 DHT 网络的磁力链接和BT种子的搜索引擎架构" target="_blank">基于 DHT 网络的磁力链接和BT种子的搜索引擎架构</a>
<span class="text-muted">justjavac</span>
<a class="tag" taget="_blank" href="/search/DHT/1.htm">DHT</a>
<div>上周开发了一个磁力链接和 BT 种子的搜索引擎 {Magnet & Torrent}，本文简单介绍一下主要的系统功能和用到的技术。
系统包括几个独立的部分：
使用 Python 的 Scrapy 框架开发的网络爬虫，用来爬取磁力链接和种子；
使用 PHP CI 框架开发的简易网站；
搜索引擎目前直接使用的 MySQL，将来可以考虑使</div>
</li>
<li><a href="/article/3351.htm"
title="sql添加、删除表中的列" target="_blank">sql添加、删除表中的列</a>
<span class="text-muted">macroli</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
<div>添加没有默认值：alter table Test add BazaarType char(1)
有默认值的添加列：alter table Test add BazaarType char(1) default(0)
删除没有默认值的列：alter table Test drop COLUMN BazaarType
删除有默认值的列：先删除约束（默认值）alter table Test DRO</div>
</li>
<li><a href="/article/3478.htm"
title="PHP中二维数组的排序方法" target="_blank">PHP中二维数组的排序方法</a>
<span class="text-muted">abc123456789cba</span>
<a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F/1.htm">排序</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
<div><?php/*** @package BugFree* @version $Id: FunctionsMain.inc.php,v 1.32 2005/09/24 11:38:37 wwccss Exp $*** Sort an two-dimension array by some level </div>
</li>
<li><a href="/article/3605.htm"
title="hive优化之------控制hive任务中的map数和reduce数" target="_blank">hive优化之------控制hive任务中的map数和reduce数</a>
<span class="text-muted">superlxw1234</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/hive%E4%BC%98%E5%8C%96/1.htm">hive优化</a>
<div>一、 控制hive任务中的map数: 1. 通常情况下，作业会通过input的目录产生一个或者多个map任务。 主要的决定因素有： input的文件总个数，input的文件大小，集群设置的文件块大小(目前为128M, 可在hive中通过set dfs.block.size;命令查看到，该参数不能自定义修改)；2. </div>
</li>
<li><a href="/article/3732.htm"
title="Spring Boot 1.2.4 发布" target="_blank">Spring Boot 1.2.4 发布</a>
<span class="text-muted">wiselyman</span>
<a class="tag" taget="_blank" href="/search/spring+boot/1.htm">spring boot</a>
<div>Spring Boot 1.2.4已于6.4日发布，repo.spring.io and Maven Central可以下载(推荐使用maven或者gradle构建下载)。
这是一个维护版本，包含了一些修复small number of fixes,建议所有的用户升级。
Spring Boot 1.3的第一个里程碑版本将在几天后发布，包含许多</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>