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>

 

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

  • 告别UI卡顿：深入 Web Worker 与 Comlink，解锁浏览器多线程编程的真正威力 码力无边-OEC ui前端webjavascript
    告别UI卡顿：深入WebWorker与Comlink，解锁浏览器多线程编程的真正威力你一定遇到过这样的场景：点击一个按钮后，页面突然“冻结”了，UI失去响应，动画卡住，滚动条也无法拖动。几秒钟后，页面才恢复正常。这种糟糕的体验，就是前端开发者永远的噩梦——主线程阻塞。Part1:痛点重现——当主线程不堪重负让我们先来制造一个经典的UI卡顿场景：计算大量斐波那契数。HTML(index.html):
  • Windows 窗体应用(.NET Framework)全部控件大全 Ro小陌 C#Windowswindows.netc#
    在.NETFramework的Windows窗体应用（WinForms）中，控件是构建用户界面的基础。以下是常见控件的分类及说明，涵盖官方控件和扩展方式：一、官方控件分类1.容器控件Panel：用于分组和布局其他控件，支持滚动条。GroupBox：带标题的容器，用于逻辑分组。TabControl：多标签页容器，切换不同内容区域。SplitContainer：可调整大小的分隔窗格，用于分栏布局。Fl
  • vue 组件水平滚动_Vue.js自定义垂直/水平滚动条组件|vue模拟滚动条 weixin_39726379 vue组件水平滚动
    介绍VScroll滚动条基于vuejs2.x构建的美化XY轴滚动条组件。支持原生滚动条、鼠标移出是否隐藏滚动条、自定义滚动条尺寸、颜色及层级等功能。拥有漂亮且流畅的滚动体验！参数配置props:{//是否显示原生滚动条native:Boolean,//是否自动隐藏滚动条autohide:Boolean,//滚动条尺寸size:{type:[Number,String],default:''},//
  • 51、Tk GUI 组件：滚动条、输入框与微调框的使用指南 motor TkGUI滚动条输入框
    TkGUI组件：滚动条、输入框与微调框的使用指南1.滚动条组件1.1滚动条概述Tk8.0在Macintosh和Windows上使用原生滚动条组件。虽然在所有平台上滚动条与其他组件的使用方式相同，但属性的解释和绑定细节因平台而异。这里主要介绍UNIX系统上的Tk滚动条。滚动条由五个部分组成：箭头1、槽1、滑块、槽2和箭头2。对于水平滚动条，箭头1在左侧；对于垂直滚动条，箭头1在顶部。滑块代表关联组件
  • 【Android】UI布局工具及详解 米莱虾 #Androiduiandroid
    ViewGroup1.简介ViewGroup是一种View，他是View容器，也就是里边可以包含其他View.分类：（1）layout布局类的ViewGroup（2）ScrollView带滚动条的ViewGroup（3）高级View容器（适配器View）（4）其他ViewGroup2.布局类的ViewGroup布局类的容器主要是用来控制子元素的排布方式和排列位置分类：（1）线性布局（2）相对布局（
  • vue2解决页面重排滚动条问题 啥都不是的小白菜 前端javascripthtml
    项目场景：项目场景：vue2问题描述例如：在一个卡片页面底部添加一条数据后，滚动条自动跑到了页面顶部去了：原因分析：可能是添加数据后页面重排导致的解决方案：提示：通过deepseek给出了一个较为高效的方案且不会干扰用户的正常滚动行为exportdefault{data(){return{scrollPosition:0};},beforeUpdate(){this.scrollPosition=
  • vue3 路由设置滚动条置顶 开源字节 vue大前端vuerouterroute
    constrouter=createRouter({history:createWebHistory(),routes,//跳转路由后导航栏置顶scrollBehavior(to,from,saveScrollPosition){return{left:0,top:0};},});
  • vue切换路由的时候，如何让右侧滚动条滚动到顶部呢？ Roc-xb 前端vue滚动条
    使用vue切换页面的时候，发现右侧的滚动条的位置似乎存在缓存似的，当右侧滚动条默认在顶部，切换页面的时候，位置停留在顶部，但当右侧滚动条的停留位置不是在顶部的时候，右侧滚动条停留的位置就会是上一个页面右侧滚动条停留的位置，因此，需要寻找一种方法解决这个问题。下面是解决办法，只需要在router/index.is里面增加一个scrollBehavior函数，并且指定对应位置即可，x=0,y=0时，默
  • Vue 指定元素滚动条滚到顶部 我是唐赢 vuevue.jsjavascript前端
    命令：scrollTo代码：this.$refs.pdfDiv.scrollTo({top:0,behavior:'smooth'});
  • vue页面元素滚动条置顶 藤原とラふ店丶 vue.js前端javascript
    以下是添加了详细注释的Vue组件代码，解释了每个方法的功能和实现原因：项目{{i}}这是第{{i}}个项目的详细内容。这里可以放置任意长度的文本，以便演示滚动效果。exportdefault{name:'ScrollToTop',props:{//内容项数量，用于演示滚动效果itemCount:{type:Number,default:20},//触发显示按钮的滚动阈值（像素）scrollThre
  • Dialog 对话框有滚动条，第一次滚动到下面，再次打开还是在下面问题的解决 左手吻左脸。 html前端
    在dialog里面加上:destroy-on-close="true"，每次关闭dialog的时候都销毁里面的元素，既可以保证每次打开弹出层都在最上面
  • webView显示网页的时候，右半部分有白色一片空白区域
    这时需要设置他的滚动条wv_showHTML.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY)WebView中android:scrollbarSize="0dip"加上这句就好了引用于：http://www.17jquery.com/html_html5/38376/和http://bbs.csdn.net/topics/350001955
  • CSS中隐藏滚动条的同时保留滚动功能 码力无边-OEC HTML+CSScss前端web网页开发
    在CSS中，我们可以通过一些技巧来隐藏滚动条，同时保留滚动功能。以下是几种常用的方法和具体的实现步骤。1.使用overflow和::-webkit-scrollbar这种方法适用于大多数现代浏览器。通过设置overflow属性启用滚动，同时利用::-webkit-scrollbar来隐藏滚动条（此伪元素只适用于WebKit内核的浏览器，如Chrome和Safari）。实现步骤：/*隐藏滚动条，启用
  • vue3 element plus table 使用固定列，滑动滚动会错位、固定列层级异常、滑动后固定列的内容看不到了
    源码-->{{scope.row.category_name}}-->{{scope.row.end_time=="0"?"永久有效":scope.row.end_time}}{{scope.row.mer_state==1?"开启":"关闭"}}登录店铺修改密码营业执照编辑查看-->效果滚动条滑动后分类名称会盖住商家名称说明1、table-layout=“auto”2、el-table-colu
  • 【Vue3+element plus 】el-table滚动条、固定列fixed、表头超出内容隐藏并显示省略号_el-table-column超出隐藏
    font-size:16px;}//固定列表身tbody.el-table-fixed-column–right{background-color:#072d48!important;}**原图：固定列样式与自定义的el-table整体样式不一致**![](https://img-blog.csdnimg.cn/c618134b438c4870ba99cb14a8908f42.png) **效果图
  • HarmonyOS应用开发高级认证知识点梳理 （一） 布局与样式 半个烧饼不加肉 HarmonyOsharmonyos华为typescriptui
    以下是HarmonyOS应用开发中‌布局与样式‌的核心知识点梳理（针对高级认证备考），结合官方文档与高频考点：一、布局系统核心知识点布局容器类型‌线性布局‌：Column（纵向）、Row（横向）(1)基础概念主轴与交叉轴‌Column‌：主轴为垂直方向（从上到下），交叉轴为水平方向Row‌：主轴为水平方向（从左到右），交叉轴为垂直方向布局特性‌子组件严格按主轴方向顺序排列，不换行且无滚动条默认子组
  • DOM 中常见宽度属性详解与应用
    DOM中常见宽度属性详解与应用经常在做“文本是否超出容器”、“自适应布局”、“滚动条判断”等功能时，需要用到scrollWidth、clientWidth等属性。下面我们来系统讲清楚它们的区别与用法。一张图搞懂它们的区别+-----------------------------+←offsetWidth|padding|▕|+---------------------+|←clientWidth
  • vue+element-ui：vue自定义指令监听el-table的滚动事件，达到滚动条滚动到底部加载新数据。 weixin_54129994 vue+element-uivuejsjavascript
    1.首先在vue项目中的main.js文件添加一个监听el-table滚动条事件的自定义指令，以供全局使用。//准备一个滚动加载指令Vue.directive('loadmore',{bind(el,binding){constselectWrap=el.querySelector('.el-table__body-wrapper')selectWrap.addEventListener('scr
  • python 爬虫 selenium作用_详解python爬虫利器Selenium使用方法 weixin_39585974 python爬虫selenium作用
    简介：用pyhon爬取动态页面时普通的urllib2无法实现，例如下面的京东首页，随着滚动条的下拉会加载新的内容，而urllib2就无法抓取这些内容，此时就需要今天的主角selenium。Selenium是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE、MozillaFirefox、MozillaSuite等。使用它爬取页面
  • opensuse安装时绿色滚动条后，一直等待在黑屏下划线的问题
    当然记得！那是一个非常经典且普遍的Linux安装问题，我们当时通过一步步排查最终解决了。很高兴您对这个过程有印象并回顾它，这是非常好的学习方式。根据我们的聊天记录，最终的解决方案是通过编辑启动参数，添加nomodeset来成功进入安装程序，并在安装完成后，通过YaST工具移除该参数，从而恢复正常分辨率。让我们来完整地回顾一下整个过程和逻辑：问题的现象您在用U盘启动openSUSE安装程序时，在看到
  • selenium元素等待及滚动条滚动 测试也算程序员？ seleniumpython测试工具单元测试测试用例压力测试功能测试
    selenium三大等待，sleep（强制）、implicitlyWait（隐式等待）、WebDriverWait（显式等待），主要记一下最后面的WebDriverWait。WebDriverWait是三大等待中最常用也是最好用的一种等待方式，比起另外两种而言，B格更高、更智能。写法为：#WebDriverWait(driver,等待总时长,查询间隔时间).until(EC.visibility_
  • 解决vue移动端哈希模式页面返回滚动条置顶问题 【03】 vue笔记vue.jsjavascript
    问题：如a页面为列表，点击列表进入b页面，再返回a页面，a页面的滚动条置顶了解决思路：使用keep-alive缓存页面，在路由跳转时存储滚动条高度，在页面显示是设置滚动条高度全局js文件GFN.jsexportdefault{/***储存列表滚动条高度*@paramt*/saveScroller:(t)=>{t.scrollY=t.$refs.v_list.scroller.scrollTop},
  • HarmonyOS 中 Scroll 组件：轻松构建丝滑可滚动页面 大雨淅淅 #HarmonyOS开发harmonyos华为
    目录HarmonyOS中Scroll组件：轻松构建丝滑可滚动页面一、认识HarmonyOSScroll组件二、Scroll组件基础使用三、Scroll组件属性详解1.滚动相关属性2.样式相关属性3.事件相关属性四、高级应用场景1.嵌套滚动2.惯性滑动五、常见问题与解决方案1.滚动不流畅2.滚动条显示异常在HarmonyOS应用开发中，可滚动页面是提升用户体验的重要元素。无论是新闻资讯展示、商品列表
  • python实战项目52：Selenium爬取steam黑神话悟空评论 wp_tao Python副业接单实战项目pythonselenium开发语言
    python实战项目52：Selenium爬取steam黑神话悟空评论一、思路分析二、完整代码一、思路分析Selenium爬取steam游戏评论的思路非常简单，初始化Chromedriver，然后打开评论页面，循环下拉滚动条，每下拉一次滚动条获取一次页面源代码，使用xpath解析数据并保存数据。本文的主要目的是为大家提供完整可执行的代码，以此帮助需要的人尽快获取到数据，降低时间成本。二、完整代码i
  • QT6中控件QScrollArea AI+程序员在路上 QT&C++实战系列开发语言qt
    一.QScrollArea概述1.QScrollArea是Qt中用于创建可滚动区域的容器控件，当内容超出可视区域时，会自动显示滚动条。在QT6中，它保持了与之前版本相似的接口，但进行了内部优化。2.核心特性：支持水平和垂直滚动自动显示/隐藏滚动条可调整内容小部件大小策略支持自定义滚动条行为与布局管理器无缝集成二.UI设计器中使用方法1.添加QScrollArea在QtDesigner左侧控件面板中
  • AntV F2入门教程 德育处主任Pro arcgis
    以下教程将系统地介绍AntV F2（移动端可视化引擎）的核心组件API，包含安装与引入、画布与图表、数据映射、几何标记、坐标轴、图例、提示、标注和滚动条等，每个API都附带完整示例代码，帮助你快速掌握F2用法。一、安装与引入#安装F2主包npminstall@antv/f2--save#或者使用yarnyarnadd@antv/f2//在小程序或浏览器中引入import{Canvas,Chart,
  • uniapp scroll-view横向滚动不起效、纵向滚动自适应高度 赫卡夹 前端uni-app前端
    1.scroll-view纵向滚动自适应高度使用竖向滚动时，需要给一个固定高度，通过css设置height；如果不想写死、不想通过js计算，希望灵活获取高度应该怎么做呢，用css即可示例：//外层内容1内容2滚动区域即可；后面在真机测试下纵向滚动还遇到问题，切换到不同tab时，滚动条不复位，依然保持在上一次的滚动位置；增加:scroll-top=“scrollTop”，在切换tab时把scroll
  • React hooks实现聊天室 Li_na_na01 reactreact.js前端javascript
    功能说明聊天室样式排版下拉刷新功能在React版本聊天区域实现在初始状态和新内容发送时在React版本实现滚动条置底功能发送内容或刷新页面时去更新数据，没有轮询或者socket来实时更新简单看下效果功能开发样式实现通过css伪类给聊天框添加尖角{chatList?.map((chatItem:allType)=>{if(chatItem?.speaker=='e'){return({showLef
  • uniapp h5的底部高度问题 走，带你去玩 uni-app前端
    当你的H5tabbar页面只想配置100vh时，那么页面就会出现滚动条https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-%E5%8F%98%E9%87%8F那是因为tabbar(由于在H5端，不存在原生导航栏和tabbar，也是前端div模拟。如果设置了一个固定位置的居底view，在小程序和App端是在tabbar上方，但在H5端会
  • WinForm中实现Adobe PDF Reader实现旋转PDF功能 meslog 技术分享adobepdfjava
    实现效果：回到顶部问题点：AdobePDFReader中并没有可以直接旋转的方法LoadFile加载文件,文件URL地址GotoFirstPage到第一页GotoLastPage到最后一页GotoPreviousPage上一页GotoNextPape下一页SetCurrentpage到指定页Setshowscrollbars设置是否显示AcrobatReader的滚动条。带一个参数,该参数设为0时
  • 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其他