js页面跟随滚动条两侧漂浮广告

本文转自：http://www.noonenet.cn/newshtml/newsinfor/js-float-ad.html

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  <meta http-equiv="Content-Language" content="zh-CN" />

  <title>js页面跟随滚动条两侧漂浮广告</title>

 <style type="text/css">

 div.floats {/*浮动容器通用样式*/

  position:absolute;

  left:-1000px;

  /*上面两句是必需的，下面看实际情况去定义了*/

  border:solid 1px #777;

  padding:3px;

  background:#333;

  color:white;

  width:100px;

  height:80px;

  opacity: 0.5;

  filter:alpha(opacity=50);

  

 }

 div#test1,div#test2{top:100px;}/*居中向左右定位容器初始高度*/

div#test3,div#test4{top:200px;}/*左右定位的两个容器初始高度*/

 </style>

 

<script type="text/javascript">

 var D=new Function('obj','return document.getElementById(obj);')

 function htmlbody(){

  return (

   document.documentElement.clientHeight<=document.body.clientHeight

   &&document.documentElement.clientHeight!=0

  )

  ?document.documentElement:document.body;

 }

 //浏览器滚动条位置

function scrollLeft(){return (!window.pageYOffset)?htmlbody().scrollLeft:window.pageXOffset;}

 function scrollTop(){return (!window.innerHeight)?htmlbody().scrollTop:window.pageYOffset;}

 

//实际应距左距离

function getleft(strobjs,strLeftType,strleft){

  var temp_getleft = 0;

  if (strLeftType=="left"){

   temp_getleft = scrollLeft()*1 + strleft*1;

  }else if (strLeftType=="mid"){

   (strleft*1<0)

   ?temp_getleft = scrollLeft()*1 + strleft*1

   + htmlbody().clientWidth*1/2 - strobjs.offsetWidth*1

   :temp_getleft = (scrollLeft()*1+strleft*1 + htmlbody().clientWidth*1/2);

  }else if (strLeftType=="right"){

    temp_getleft 

    = scrollLeft()*1 + htmlbody().clientWidth*1 

    - strleft*1 - strobjs.offsetWidth*1;

  }

  return temp_getleft;

 }

 

function moveTips(strobj,theTop,theLeft,theLeftType) {

  var old,nowobj = D(strobj);

  var nowleft = nowobj.style.left.replace("px","")*1;//返回在改变窗口大小或移动横滚动条前的距左部距离（数值）

 var temp_left = getleft(nowobj,theLeftType,theLeft);//实际应距左距离

 var re_theTop = theTop;

  if (temp_left!=nowleft){//横向递增

  (Math.abs(temp_left-nowleft)>3&&Math.abs(temp_left-nowleft)<600)

   ?((temp_left>nowleft)?nowleft += Math.abs(temp_left-nowleft)/5

   :nowleft -= Math.abs(temp_left-nowleft)/5)

   :nowleft = temp_left;

   nowobj.style.left = nowleft + "px";

  }

  if (!openweb){old = re_theTop;var openweb;}/*这是默认高度*/;

   var pos,tt=50;

   pos = scrollTop()*1-nowobj.offsetTop*1+re_theTop*1;

   pos = nowobj.offsetTop+pos/10;//纵向开始递增

  if (pos < re_theTop) pos = re_theTop;

   if (pos != old) {nowobj.style.top = pos+"px";tt=5;}

   old = pos;

   setTimeout("moveTips('"+strobj+"','"+theTop+"','"+theLeft+"','"+theLeftType+"')",tt);

 }

 </script>

 

</head>

 <body>

 <div style="width:660px;border:1px solid #eee;margin:0 auto;height:3000px;">

换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



 换行占位符。。。

 



</div>

页面最底端～～～～页面最底端～～～～页面最底端～～～～页面最底端～～～～页面最底端～～～～页面最底端～～～～页面最底端～～～～页面最底端～～～～页面最底端～～～～

<div style="width:5000px;">

 </div>

 <div id="test1" class="floats">浮动层1 !</div>

 <div id="test2" class="floats">浮动层2 !</div>

 <div id="test3" class="floats">浮动层3 !</div>

 <div id="test4" class="floats">浮动层4 !</div>

 

<script type="text/javascript">

  moveTips('test1','100','332','mid',"0");

  moveTips('test2','100','-332','mid',"0");

  moveTips('test3','200','10','left',"1");

  moveTips('test4','200','10','right',"1");

 </script>

 </body>

 </html>

 

你可能感兴趣的:(滚动条)

  • 【Python】tkinter及组件如何使用 小九不懂SAP 我的Python日记python开发语言tkinter
    一、tkinter的应用场景tkinter是Python的标准GUI（图形用户界面）库，它提供了丰富的控件和工具，使得开发者能够轻松创建跨平台的桌面应用程序。以下是一些tkinter的常见应用场景：桌面应用程序开发：开发者可以使用tkinter来创建各种桌面应用程序，如文本编辑器、计算器、图片查看器、游戏等。这些应用程序可以具有复杂的用户界面，包括窗口、按钮、文本框、下拉菜单、滚动条等。数据可视化
  • LVGL 控件之列表（lv_list） Projectsauron #LVGlLVGL嵌入式
    目录一、概述二、列表1、添加列表按钮2、设置列表文本3、API函数一、概述List（列表）基本上是一个垂直布局的矩形，按钮指向该矩形并且可以添加文本。列表部件由两个部分组成：LV_PART_MAIN使用所有典型背景属性的列表的主要部分LV_PART_SCROLLBAR滚动条。二、列表1、添加列表按钮在默认的情况下，列表部件被创建出来后，只有一个矩形背景框，并没有任何的文本和按钮，用户需要自行往列表
  • 【Axure高保真原型】冻结固定中继器表格首列模板 梓贤Vigo Axure原型交互产品经理中继器
    今天和大家分享冻结固定中继器表格首列的原型模板，当中继器表格列数较多时，通过拖动滚动条左右查看内容时，可以把首列冻结固定，方便我们查看。这个原型模板是用中继器制作的，所以使用也非常方便，在中继器表格里维护数据信息，预览时既可以生成高保真的交互效果。这套模板里面也提供固定左侧二列，或者你也可以用同样的方法，固定左侧多列。具体效果可以观看下方视频或者点击预览地址体验：【原型效果】【Axure高保真原型
  • js进阶第二天 LIT乐言
    一、水平滚动条和垂直滚动条Snip20161124_1.png1.1核心技术点1）求滚动条的长度？2）拖动滚动条，求内容要走多少？滚动条的长度取决于滚动内容（滚动内容越长，滚动条越短）；内容滚动的距离和滚动条走的距离是成倍数关系。1.2换算公式获取滚动条的长度：**滚动条的长度/盒子的长度=盒子的长度/内容的长度**滚动条长度=(盒子的宽度/内容的宽度)*盒子的宽度拖动滚动条，求内容走的长度：**
  • css3溢出隐藏的方法 DDOS防御 网络技术css3前端css
    CSS3提供了几种方法来处理元素内容的溢出问题，以下是一些常见的方法：1.**使用`overflow`属性**：-`overflow:hidden;`：隐藏溢出的内容。-`overflow:scroll;`：如果内容溢出，将显示滚动条。-`overflow:auto;`：如果内容溢出，将显示滚动条，但滚动条只在需要时显示。2.**使用`text-overflow`和`white-space`属性*
  • html ios 滚动条隐藏,CSS溢出滚动和隐藏滚动条（iOS） 社长从来不假装 htmlios滚动条隐藏
    6个答案:答案0:(得分：5)我只是玩了这个codepen(https://codepen.io/devstreak/pen/dMYgeO)，看来如果你为下面的所有三个属性设置background-color到transparent，滚动(在这个例子中)同时删除box-shadows)，根本看不到滚动条：#style-1::-webkit-scrollbar-track{//-webkit-box
  • css滚动条隐藏但是可以滚动 每一天，每一步 HTML/CSScss前端javascript
    要实现滚动条隐藏但仍然可以滚动的效果，可以使用CSS来隐藏滚动条，同时允许鼠标的滚轮或触摸板滚动。/*隐藏滚动条，但仍可滚动*/.scrollable{overflow:auto;/*保持内容可滚动*/scrollbar-width:none;/*对于现代浏览器，隐藏滚动条*/}/*针对IE和Edge的隐藏滚动条样式*/.scrollable::-webkit-scrollbar{display:
  • CSS 元素超出部分滚动, 并隐藏滚动条（2种方法） 就像风1样 cssCSS样式专栏css溢出滚动隐藏滚动条
    方法一,利用css3的新特性-webkit-scrollbar,但是这种方式不兼容火狐和IE超出部分隐藏滚动条#box{width:500px;height:300px;overflow-x:hidden;overflow-y:scroll;line-height:30px;text-align:center;}#box::-webkit-scrollbar{display:none;}你好你好你
  • excel 我是苏小禾
    深入学习office，熟练操作办公软件，提前准备就业技能。数据处理与统计，图表化数据，分析，数据透视表功能。alt加F4是快捷关闭Excel。简化工作量。认识Excel界面，专业术语：工作簿，工作表，行列单元格，单元格地址。界面组成：标题栏，选项卡（功能组，功能按钮），名称框，编辑栏，行号，列表，拆分按键，窗口操作按钮，工作表标签，滚动条，翻页按钮，状态栏。表格里面数据的比较，使用窗口。窗口的基本
  • vue对话框禁止后面页面滚动条滚动的解决方式 小橘碎碎记 vue.jsjavascript前端
    转载https://www.cnblogs.com/mxl123/p/11818125.htmlstopSrcoll(){varmo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},open
  • vue如何禁止弹窗后面的滚动条滚动？ IT侠客行 Vue.js
    methods:{//禁止滚动stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow=‘hidden’;document.addEventListener(“touchmove”,mo,false);//禁止页面滑动},/取消滑动限制/move(){varmo=function(e){e.preventD
  • el-tree添加滚动条只需一步 momo_via 小Tipsvue.jsjavascript前端
    只需要在el-tree组件外添加el-scrollbar组件，自行设置高度即可
  • el-table实现当内容过多时，el-table显示滚动条，页面不显示滚动条 遇事不决AI解决 vue.jsjavascriptelementui
    估计有不少小伙伴在开发公司的ERP使用el-table都会遇到这么一个问题，就是产品经理提出，页面不出现滚动条，因为不美观。但是当el-table内容过多，超过页面的宽度时候，页面就会有滚动条。那应该如何解决呢?能不能让滚动条出现在el-table的容器中，而不是出现在页面上呢?实现方案就是resize时间结合el-table的max-height属性然后根据页面大小实现自适应定义auto-hei
  • 滚动条出现时不占用 `div` 空间 昕er 前端
    在滚动条出现时不占用div空间，通常可以通过CSS中的scrollbar-gutter属性来控制。以下是实现方式：div{width:100%;height:300px;overflow-y:auto;scrollbar-gutter:stable;/*保证滚动条出现时不会改变布局*/}解释：scrollbar-gutter:stable;：这个属性确保滚动条出现时不会改变div的内容宽度，避免布
  • uniapp 隐藏滚动条 追逐繁星的阿忠
    2020-11-14//在page.json{"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path":"pages/index/index","style":{"navigationBarTitleText":"uni-app","app-plus":{"scrollIndicator":
  • python输出文本框_python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方... weixin_39558521 python输出文本框
    PyQt5多行文本框控件QTextEdit简介QTextEdit类是一个多行文本框控件，可以显示多行文本内容，当文本内容超出控件显示范围时，可以显示水平个垂直滚动条，Qtextedit不仅可以用来显示文本还可以用来显示HTML文档QTextEdit类中常用的方法方法描述setPlainText()设置多行文本框的内容toPlainText()返回多行文本框的文本内容setHtml()设置多行文本框
  • jquery swiper插件的用法 A_aspectJ项目开发 JavaWeb技术jquery前端javascript
    一、Swiper插件简介Swiper是一个纯JavaScript打造的滑动特效插件，面向手机、平板电脑等移动终端，同时也支持桌面浏览器。Swiper开源、免费、稳定、使用简单且功能强大，是架构移动终端网站的重要选择。它支持触摸滑动、响应式设计、循环滑动、分页器、滚动条等多种功能，非常适合用于轮播图、滑块导航等场景。以下是一个详细的Swiper插件教程及案例介绍。二、加载插件首先加载插件，需要用到的
  • element el-dialog 滚动条问题 前端小趴菜05 vue.js前端javascript
    elementUI在打开dialog的时，页面右侧会出现滚动条，或是页面宽度会缩小，当关闭dialog后又恢复原样，控制台检查后发现当打开dialog时，body元素会有class=el-popup-parent--hidden的类名，关闭dialog后el-popup-parent--hidden类名消失，这应该就是造成页面出现滚动条或是宽度缩小的原因，查了一下资料发现有两种解决办法一.重写el
  • CSS 自定义滚动条样式 MGLMONSTER
    /*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:10px;height:10px;background-color:#F5F5F5;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:1
  • 要隐藏滚动条，您可以使用CSS中的overflow属性。 软件技术NINI csscss前端
    要隐藏滚动条，您可以使用CSS中的overflow属性。在您的样式文件中添加以下代码：cssCopycode.main-wrapper{overflow:hidden;}.header-menu-container{overflow-y:hidden;}这段CSS代码会将.main-wrapper元素和.header-menu-container元素的滚动条隐藏起来。确保将这段样式代码添加到您的V
  • vue.js 获取当前屏幕的宽度_js获取浏览器和屏幕的各种宽度高度 梦终会碎 vue.js获取当前屏幕的宽度
    一：网页可见区域宽高，不包括工具栏和滚动条(浏览器窗口可视区域大小)1.对于IE9+、chrome、firefox、Opera、Safari：window.innerHeight浏览器窗口的内部高度；window.innerWidth浏览器窗口的内部宽度；2.对于IE8.7.6.5:document.documentElement.clientHeight:表示HTML文档所在窗口的当前高度；do
  • 视口 疯狂的蜗牛Dianna
    提问:如果是pc的网页如何在移动端进行显示?历史:最早期pc端没办法直接查看pc网页，乔布斯为了移动端能访问pc网页，且不出现横向滚动条，发明了视口,视口是默认存在的视口有两个特征1.宽度980px;2.可以缩放;01.png视口是什么?视口是一个介于html网页和手机浏览器之间的一个容器02.png视口的演示代码如下当页面没有设置视口的视口的时候,我们切换到手机模式时-->Document*{m
  • 【js】当页面不断加载变长时如何保证页面滚动条始终置于底部 Pragmatism0220 JavaScriptjavascript前端html
    网上很多博客都在复制粘贴，或者新建一个div对象。简直离谱。事实上这个问题的思路很明确：监听页面长度变化->变了就把滚动条置底。而监听页面高度，或者说监听某个变量的方法，我在找了一圈后，找到了一个令人满意的答案：DetectDocumentHeightChange所以实现如下：//https://stackoverflow.com/questions/14866775/detect-documen
  • FlatList 隐藏滚动条 紫灬楓
    //隐藏水平showsHorizontalScrollIndicator={false}//隐藏垂直showsVerticalScrollIndicator={false}
  • 案例：自定义滚动条 kino2046
    Document.wrap{position:relative;border:1pxsolid#000;width:400px;height:400px;padding-right:10px;overflow:hidden;}.scrollBar{position:absolute;right:0;top:0;width:10px;height:100%;background:#ccc;}.scr
  • vue3-巧用指令 qfxietian 前端vuevue.jsjavascript前端VUE开发语言
    不知道大家在工作中用上vue3了没有，vue3好是好，但是有部分插件并没有更新到3.0的，比如我比较喜欢的自定义滚动条overlayscrollbars，vue3直接使用overlayscrollbars-vue会报错。今天我们主要介绍一下如何使用指令来应用这些插件，自定义滚动条overlayscrollbars以及拖拽sortablejs。directive指令的话这里就不多说了，参考官方文档（
  • vue @scroll监听滚动条事件，解决不生效问题 Long long ago. vue.jsjavascript前端
    1、单纯加@scroll并不生效2、在配置@scroll同时在mounted加上一下方法mounted(){window.addEventListener('scroll',this.loadMore,true)},3、loadMore方法可以自己定义loadMore:function(e){console.log(e)}4、通过以上可以顺利监听滚动条监听事件
  • Visio 不能用上下键移动图形的的问题 ！！！+++ 杂学java
    写文档时遇到了这个奇怪的问题:Visio不能用上下箭头来移动我花的图形，移动的是滚动条。原因：可能不小心按到了screenlock按钮，于是箭头的上下左右箭就变成了移动滚动条.解决方案：再按一下screenlock按钮（ScrLK）即可。如下图：注意：有时该按钮显示ScrLK。
  • html把分页改成滚动条,基于JavaScript实现表格滚动分页 金小夕 JavaScript表格滚动分页动态加载DOM操作
    本文实例为大家分享了js实现表格滚动分页展示的具体代码，供大家参考，具体内容如下DocumentMonthsMoneyJanuary$100January$100January$100January$100January$100January$100January$100January$100January$100January$100CSS:.scroll-body{display:inline
  • DIV + CSS 布局：盒子内容超出宽度时，不换行，以滚动条形式水平滑动 01空间 常见场景解决方案csshtml
    滚动条水平滚动展示溢出内容htmlcss（less）思路html11112222333344445555666677778888css（less）.outer{background-color:#39a9ed;overflow-x:auto;&::-webkit-scrollbar{display:none;}white-space:nowrap;.item{display:inline-bloc
  • mondb入手 木zi_鸣 mongodb
    windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
  • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
            扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
  • DISPLAY变量和xhost(原创) czmmiao display
    DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
  • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
  • 浅谈类和对象 朱辉辉33 编程
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
  • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
  • base64Encode对图片进行编码 843977358 base64图片encoder
    /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
  • Request Header简介 aigo servlet
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
  • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
    public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
  • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
    取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
  • java多线程join的作用与用法 bijian1013 java多线程
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
  • Java发送http请求(get 与post方法请求) bijian1013 javaspring
    PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
  • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
    在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
  • 【Kafka十三】Kafka Simple Consumer bit1129 simple
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
  • nodejs学习api ronin47 nodejs api
    NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
  • java-64.寻找第N个丑数 bylijinnan java
    public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
  • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
    /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
  • redis常见使用 cuityang redis常见使用
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
  • 配置多个redis dalan_123 redis
    配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
  • attrib命令 dcj3sjt126com attr
      attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
  • Yii使用公共函数 dcj3sjt126com yii
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
  • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
    linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
  • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
  • Web前段学习网站 ihuning Web
      Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
  • 强强联合：FluxBB 作者加盟 Flarum justjavac r
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
  • java统计在线人数（session存储信息的） macroli javaWeb
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
  • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
  • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
  • Spring Boot 1.3.0.M1发布 wiselyman spring boot
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他