wwda

2018-12-01

放大镜通过图片比例的方式可以做到，可以用

放大镜方框的移动在原图形上，并且会随鼠标的移动而移动，鼠标始终处于放大镜的中心，用到clientX（）clientY()与offsetWidth（）offsetHeight（）offsetLeft () offsetTop()来让鼠标处于放大镜的中心。

放大镜

<

>

#demo{

width: 2000px;

height: 400px;

}

#vessal{

float: left;

position: relative;

top: 10%;

left: 20%;

width: 400px;

height: 400px;

border: 3px solid #D3D9EB;

background-repeat: no-repeat;

background-size: 400px;

}

#vessal :hover{

cursor:move;

}

#magnify{

display: none;

width: 400px;

height: 400px;

float: left;

position: relative;

top: 10%;

left: 23%;

border: 3px solid#EFC4C4;

background-repeat: no-repeat;

}

#display{

display: none;

position: relative;

width: 200px;

height: 200px;

/border: 1px solid red;/

background-color: rgba(176,164,123,0.3);

}

#scroll{

position: fixed;

top:453px;

left:392px;

width: 430px;

height: 65px;

/border: 1px solid red;/

overflow: hidden;

}

#scroll ul{

position: absolute;

display: inline;

float: left;

margin:0px 0px;

width: 1290px;

height: 60px;

padding: 0px 0px;

}

#scroll ul li {

float: left;

display: inline;

width: 80px;

height: 60px;

list-style: none;

border: 3px solid #EBDEDE;

border-radius: 3px;

background-size: 80px 60px;

background-repeat: no-repeat;

}

#scroll ul:hover{

cursor:pointer ;

}

#rightbutton,#leftbutton{

width: 40px;

height: 60px;

float: left;

text-align: center;

line-height: 60px;

border-radius: 3px;

background-color: rgba(129,182,243,0.8);

}

#rightbutton:hover{

cursor:pointer ;

}

#leftbutton:hover{

cursor:pointer ;

}

#leftbutton{

position: fixed;

left: 350px;

top: 452px;

}

#rightbutton{

position: fixed;

left:820px;

top: 452px;

}

#ratio{

position: fixed;

float: top;

top: 50px;

left: 812px;

}

#ratio button{

margin:10px;

display: block;

background-color: rgba(105,125,125,0.5);

border: 1px solid;

border-radius: 3px;

}

window.onload=function () {

var display=document.getElementById('display');

var vessal=document.getElementById('vessal');

var magnify=document.getElementById('magnify');

var demo=document.getElementById('demo');

var multi=800;

var scroll=document.getElementById('scroll');

var photoAray=document.getElementsByTagName('li')

var object_ul=document.getElementsByTagName('ul')[0];

var leftmove=document.getElementById('leftbutton');

var rightmove=document.getElementById('rightbutton');

var photoDistance=86;

var moveDistance=86;

var index=6;

var bool=false;

var animate=false;

var twom=document.getElementById('twomultiple');

var onem=document.getElementById('onemultiple');

vessal.style.backgroundSize=vessal.offsetWidth+"px"+" "+vessal.offsetHeight+"px";

vessal.onmouseover=function(){

display.style.display="block";

magnify.style.display="block";

}

vessal.onmouseout=function(){

display.style.display="none";

magnify.style.display="none";

}

vessal.onmousemove=function(event){

var vess=event||window.event;

var left=vess.clientX-vessal.offsetLeft-display.offsetWidth/2;

var top=vess.clientY-vessal.offsetTop-display.offsetWidth/2;

if (left<0) {

left=0;

}

else if (left>(vessal.offsetWidth-display.offsetWidth)) {

left=vessal.offsetWidth-display.offsetWidth;

}

if (top<0) {

top=0;

}

else if (top>(vessal.offsetHeight-display.offsetHeight)) {

top=vessal.offsetHeight-display.offsetHeight;

}

display.style.left=left+"px";

display.style.top=top+"px";

var posx=(left)/vessal.offsetWidth*(-multi);

var posy=(top)/vessal.offsetHeight*(-multi);

magnify.style.backgroundPosition=posx+"px"+" "+posy+"px";

}

function resetHtml(){

var list="";

for (var i = 0; i<15 ; i++) {

list="
"+"
"+list;

}

object_ul.innerHTML=list;

for (var i = 0; i < photoAray.length; i++) {

var num=i+1;

photoAray[i].style.background="url(../img/"+num+".jpg)";

photoAray[i].setAttribute("index",num);

photoAray[i].style.backgroundSize=80+"px"+" "+60+"px";

}

magnify.style.backgroundSize=multi+"px"+" "+multi+"px";

onem.style.backgroundColor="#B42828";

}

function smooth(distance){

var movetime=200;

var time=2;

var offset=distance/(movetime/time); //每次移动距离;

var offseted=parseFloat(object_ul.style.left)+distance;

function goon () {

if((parseFloat(object_ul.style.left)>offseted&&(distance<0))||(parseFloat(object_ul.style.left)0))) {

animate=true;

object_ul.style.left=parseFloat(object_ul.style.left)+ offset + "px";

setTimeout(goon,time);

}

else

{

animate=false;

if (parseFloat(object_ul.style.left)<-774) {

object_ul.style.left=-430+"px";

}

else if (parseFloat(object_ul.style.left)>-86) {

object_ul.style.left=-430+"px";

}

goon();

}

rightmove.onclick=function(){

if (!animate) {

index++;

if (index>15) {

index=1;

}

smooth(-86);}

}

leftmove.onclick=function(){

if (!animate) {

index--;

if (index<1) {

index=15;

}

smooth(86);

}

function rotation(){

for (var i = 0; i < photoAray.length; i++) {

photoAray[i].onmouseover=function(){

index=parseInt(this.getAttribute("index"));

vessal.style.backgroundImage="url(../img/"+index+".jpg)";

magnify.style.backgroundImage="url(../img/"+index+".jpg)";

for (var i = 0; i < photoAray.length; i++) {

photoAray[i].style.border="3px solid #EBDEDE";

}

this.style.border="3px solid #8915F2";

}

vessal.style.backgroundImage="url(../img/"+index+".jpg)";

magnify.style.backgroundImage="url(../img/"+index+".jpg)";

}

twom.onclick=function(){

multi=1600;

twom.style.backgroundColor="#B42828";

onem.style.backgroundColor="#ECB4B4";

magnify.style.backgroundSize=multi+"px"+" "+multi+"px";

magnify.style.width=multi/2+"px";

magnify.style.height=multi/2+"px";

magnify.style.top=0+"%";

}

onem.onclick=function(){

multi=800;

onem.style.backgroundColor="#B42828";

twom.style.backgroundColor="#ECB4B4";

magnify.style.backgroundSize=multi+"px"+" "+multi+"px";

magnify.style.width=multi/2+"px";

magnify.style.height=multi/2+"px";

magnify.style.top=10+"%";

}

resetHtml();

rotation();

}

你可能感兴趣的:(2018-12-01)

2018-12-01 骑驴书生
这是工作以来第一次通宵加班，而且现在头脑昏沉地想来，这场领导们蓄谋已久的通宵加班，效率低得让我有些无言以对。加班这件事本身没有什么。本来说好的周五发图纸也没什么，但是我们在星期二和星期三就已经提交图纸审核，到头来那两位各种事情忙来忙去，图纸看都没看一下，直到昨天晚上十点钟左右才开始看，甚至今晨最后一刻都不让设计定型，凭着他们的喜好来，下面做事的人自然很累。我就在想，一个加班成常态的公司，要么是员工
2018-12-01 叮咚_a6af
有人的地方就有江湖，有江湖必有纷争!临近过年，不摸口袋就知道比脸还干净，怎么能过个肥年呢，想起有人说都在宪法里写着，关键是我在某宝上买完整版宪法的钱都不够，想破了脑袋，电视剧桥段可以参考，带上丝袜抢银行
2018-12-01 stopinjuly
九月『1号』去看牙医，医生说牙周炎很严重，还有牙结石，有一颗牙齿牙根发炎，要做根管治疗，在我的牙齿里钻了个洞，上了药。『2号』一下午都在等待！等洗牙（最后医生实在抽不出空约了下周再帮我洗）等奶茶（奶茶店的生意实在是太好了）晚上回家看小千雅加达亚运会闭幕式的表演，小千实在是太优秀了『4号』下午放学去牙科换药不用跑操嘻嘻嘻回学校的路上还拍了张满意的日落『5号』今天是子了和chen的六周年纪念日！我还中
2018-12-01 f814176e5cc0
事件，今天与一位朋友发生冲突，应该是误会。感受，内疚，忐忑，想法，为什么我一和别人发生冲突就内疚自责，又不是我的错。我很在乎这段关系吗，好像也不是，在乎他在外人面前怎么说我，我也控制不了。期待，自己独立不黏连，别人不要自以为是应对模式，讨好，指责，带着觉知沟通深层需要，认可，价值满足方式，我是有价值的，我的价值不依赖于任何人。生命力，向上
2018-12-01 马佳浩妈妈
亲子日记10911月29日今天星期四，由于这两天天气不太好，家里生了炉子，从此我又多了一样事，炉子弄不好就会灭了，还需要重生，太费事，晚上有时还需要起来去看下，本来我晚上睡觉的时候就停晚了，早晨还需要早早起来做饭，感觉一天浑浑沉沉的，总有睡不够的觉，如果可以真的想大睡一场。
2018-12-01感恩日记一真一切真
感恩是最好的祝福，感恩之心离幸福最近，感恩天地万物滋养化育，感恩父母生养之恩，感恩老师教导智慧，感恩家人亲友关心陪伴，感恩生命中所有的遇见，愿所有人都有健康的身体，美满富足的人生。感恩我的陪伴种子开花，感恩先生把工作安排好，耐心陪伴我和女儿，今天应女儿要求带我们去汗蒸洗浴中心玩了一天，女儿放下作业，今天全然的放松，感恩先生变得慷慨不那么计较金钱，希望我们之间永远开心富足，幸福美满，愿女儿的世界里，
PD21【内在动力】2018-12-01，复训PD27，践行D21 叶瑜2018
【践行】——内在动力：感觉好，一切才会好起来！【起床吃早餐】周六的上午8:10，亮亮正躺在床里欣赏他的画册，看不出要起床的意思，而50分钟后，他的足球训练课就要开始了！我该怎么做，亮亮才能按时到课呢？动物脑：亮亮，已经这么晚了，快点换衣服起床，不然足球课要迟到了！快快快！理智脑：亮亮，现在是8:10分了，9:00你有足球课哦！现在的我会选择后者，不过亮亮也不是按常理出牌的......亮亮：“妈妈，
别是一家—李清照诗歌赏析2018-12-01 贾寒蕻
作者贾寒蕻中国古代的才女，没有一个人的生平不是浸泡在血和泪中，李清照是特殊的，她不仅能在古籍中留下自己真正的名字，而且能把自己生平的所有东西都保留下来。李清照最有名的两首词都写于丈夫出事之后，自己不得不暂时尝一下相思之苦。《一剪梅》中，她描绘了自己渴望早日见到丈夫的家书，因没有等到的难受，但坚信自己的丈夫和自己的爱情又冲谈了相思之苦。所以李清照早期的诗歌既让人感受到相思带来的难受，同时也感受到爱情
2018-12-01 赵雨涵妈妈
大家好，我叫赵雨涵我今年七岁了，我在新区小学一年级一班，我家里有四口人，爸爸、妈妈、我和妹妹，我的爱好是画画，我的梦想是当一个歌唱家。谢谢大家，介绍完毕。
2018-12-01 Joe_太君
人们总是可以肆无忌惮的诋毁一个人可以肆意妄为的评价好坏评价对错毫无道理可言有些人甘愿当一个哑巴不再过多解释也许时间会慢慢来证明一切也许是我们这个社会太现实人们太空虚无聊人们总想滥用自己的权利用一种自己喜欢的感觉来让自己爽来给别人肆意贴上标签贴上人设的标志可从来不为他人考虑每个人都有自己的立场原则每个人都有自己的原因可也没有必要肆无忌惮的肆意言语不如站在不同的立场去思考去想一想不要再肆无忌惮的随意言
2018-12-01 王海博
今日体验，新的一个月开始了！2018年最后一个月，梳理好工作计划的同时，做好总结，精进。找核心，前行转身用，做好每一件小事上！
2018-12-01 一只大大梅
我经常会有那种莫名其妙很烦躁的时候，诱因可能是一件很小的事情，但引起来的烦躁会让我觉得这个世界上所有的事情都是错的。通常那个时候的我满脑子都是“凭什么”，平常看起来很无所谓的事情在那时候也变成了大错特错。从前我这样的时候都会不分青红皂白的发脾气，但现在，我发现我已经能够克制自己了。烦躁的时候不说话就是了。
2018-12-01 社会焱弟弟
不想对你太留恋怎能对你有亏欠从此不想再思念不会对你再犯贱.当年往事今朝看万两黄金谁人换真心情谊似锁链为何如今花飘散可知我还在想念心中早已风云淡希望你回我身边举剑上指再问天通天大道路漫漫独自一人谁陪伴那些时光太灿烂情谊怎么能砍断自古英雄多磨难英雄难闯是情关今朝再战风云变只为红颜昙花现当年不想再虚耗提起勇气坦相告也许当时太年少对我也是淡一笑众星捧月万人赞一人在角落轻叹。心中之情怎砍断思念之心千秋万天摇
2018-12-01 唐红1
14天的基金课又要过去了，咋这么快？从进入小白营到现在快一个月了，学到的东西真的太多太多了。上学的时候都没有现在用功。感恩长投对基金我是有点恐惧了，因为12年听别人说的XX基金好，就一次性投入了四万元，然后就隔天看一下净值涨没涨，一段时间后，不涨还跌。每次打开都是绿油油的一片。再后来就索性不管它了，半年之后我老公说要投资开店需要钱就赎回了，亏了整整4000元，当时就觉得这东西不靠谱，从此之后再没看
2018-12-01 新新的白菜
今天是我注册的第一天，也是开启我每天感恩和复盘日记的第一天。总想为自己记录些什么，老了有回忆。其实每天的日记和复盘还是很重要滴。昨天一大早从深圳回来，下午在好莱屋泡了一个下午，头发染了颜色，做了脸和眼睛，放松一下，很舒服。晚上和一个朋友聊天，很开心地吃了披萨，但是因为彼此生活的观念不一样，whatever。总想为自己坚持而持续地做点事情，现在列入如下几条：1.每天坚持写感恩/复盘或总结。2.坚持每
2018-12-01 五年级五班李子阳
星期日，我和妈妈妹妹在街道上踢足球，突然，我和妈妈看见一个老爷爷正在骑上坡路，老爷爷非常吃力，我飞快的跑过去帮老爷爷推车，老爷爷感觉车子变轻了，回头一看，我在后面帮老爷爷推车，爷爷激动地说：谢谢你小朋友，你真是一个有爱心的人！我开心的说：不客气，老爷爷。妈妈亲切地对我说：孩子，你今天做的好事，妈妈为你感到骄傲。
2018-12-01 莫心莫肺
姓名：魏正君《六项精进》第270期感谢2组公司：绵阳大北农农牧科技有限公司【日精进打卡第496天】【知～学习】背诵《大学》1遍，累计645遍。背诵《六项精进大纲》1遍，累计645遍。【经典名句分享】以诚待人者，人不欺我！执事以信者，事无不成！人品是一个杠杆，它能够成倍的放大你的价值，也能成倍减少你的价值。【行～实践】1、修身：无。2、齐家：无3、建功：今日在卫子蒋元清猪场13881238799，查
2018-12-01 胖姑
姓名：吴琼燕公司：三亚蔚蓝时代实业有限公司【日精进打卡第124天】【知-学习】《六项精进》背诵1遍累计210遍《大学》背读1遍累计208遍其他阅读：向希望中奋力、不做（积极废人）主要内容是寻找适合自己的生活方式记工作状态，有目标且有方向直前。【经典名句分享】在失败中学习是进步，在成功中学习是提升。【行-实践】面对自己，遇到真实的时间【省-觉悟】先不要着急做一个拆台者、学会站在他人的角度考虑反省反省
2018-12-01 简ai夏洛蒂
既然不是“天赐玉鼻”，玫娇莎“女王”带你重回颜值巅峰一双胡子著绯袍，一个须多一鼻高，鼻似烟窗耳似铛”要做到这种地步不是那么容易的，鼻子是用来呼吸、闻气味的，除此以外还有过滤、清洁、加温、加湿、共鸣、反射、解除疲劳、免疫、保护头颅、排泄眼泪等作用。功能强大，也就意味着背负的也很多。有人的鼻子是与生俱来的，那就是“天赐玉鼻”，而有的人虽然没有得到上天的恩赐，但是是由后天的自己来赋予的。我们常听到别人说
2018-12-01《不要等，去做》幸福的羊驼
看了辉哥的今日日更文章《进化优于完美》，有感而写。感悟：一、不要等，不要等一切准备好了才去做。二、也不要怕不完美就不去做。看了群里分享的吴军老师《谷歌方法论》答读者问：53在读者评论区又看到了撒切尔夫人的这句话：注意你的想法，因为它能决定你的言辞。注意你的言辞，因为它能主导你的行为。注意你的行为，因为它能变成你的习惯。注意你的习惯，因为它能塑造你的性格。注意你的性格，因为它能决定你的命运。在撒切尔
2018-12-01 屏屏屏r
我目前触及的古诗词，都是悲伤的多。不是官场失意了，就是战场失意了都不是？那一定是情场失意了。要不就是国家要亡了。再就是太闲了。高兴的很少，少之又少，太少了。要学懂诗词，就要投入，要把感情代入其中，要尽情忘我。正所谓“不疯魔不成活”吧。我还没到那程度，但现在对那些悲也有一些理解了。苏东坡，超脱，豁达。确实是。他的“墙里墙外”，确是启发了我。我懂，但是思想境界上还差着呢！
2018-12-01 若淳
有时候,我真的很希望有那么一个人,她可以当我人生上的指路明灯.每当我在做选择的时候,她可以给我一些建议,让我更坚定的选择自己的想要的.或者在我还没有做出错误的决定的时候可以给我当头一棒.又或者在我颓废的时候,她可以将我骂醒.让我的人生不会被那么的焦虑所困扰,更不会让我自己后悔.
2018-12-01 李俊花_8839
每次路过花店，总会被里面的姹紫嫣红所吸引，忍不住驻足观望，但还是有自知之明的，知道自己养不好它们，怕荼毒生灵，买之甚少，有时实在忍不住，也会挑几盆比较耐养的，回家侍弄，但最终还是难逃死亡的厄运，如此几次，便再也无心那些花花草草了。今年，老家亲戚送来了好多大蒜，平时太懒，不怎么做饭，竟剩下大半，遗落在厨房的角落里。前几天，偶然发现这些大蒜有些已经生芽了，一时心血来潮，不如把它插在容器里，每天只需浇水
2018-12-01 张艳楠
“Youwillcontinuetoremainhappywhenyoureachactionissuchthatitdoesn’tcausesorrowtoanyone““当你的一举一动不造成任何人悲伤痛苦时，你就将会继续感到快乐”Checking反省Inallthatyoudothroughoutthedaycheckifanyofyouractionsissuchthatthereissuf
2018-12-01 云逸1108
独坐黄昏谁是伴，淡茶冷饭只等檐归燕。野蜂绿蝇不需乱，气虚也能把你斩。夕阳已落天尽暗，久等不归，挂灯独吞咽。历尽磨难老来惨。夜来常恨菩萨蛮。
2018-12-01 瑜舍家书（六十九）瑾爷Jaya
亲爱的瑜舍家人们，又是新的一个月，2018也进入了尾声。大家都知道瑜舍有108愿景，很多人可能不知道为何是108。昨天讲了数字的奥秘，今天来讲讲我特别喜欢的这个神奇而富有能量的数字。据古代文献记载“108”这个数字含有神秘色彩，其代表“至善”、“吉祥”、“极高”、“驱除人生一切烦恼”的寓意。印度教中也认为108是代表圆满的数字。印度教中的神祇都有108个名字。湿婆会跳108种舞蹈…中国文化中也认为
2018-12-01 凡歧视必得付出代价 Curtain_d9d5
Fortalkingaboutdiscrimination,wearenotborntobeinclusivetoothers,itisbecauseIfwearenotinclsivewecan'tfixsomeproblem,likewewanttoknowotherpeople'sculture,orhavetocoorperatewithforeigners.Likemakingfrien
2018-12-01 简ai夏洛蒂
既然不能“天生丽痣”,那就后期补救有的人因为痣而变得更加漂亮，这种痣就是所谓的美人痣，能使人锦上添花的一种痣，而还有很多种痣的存在严重的影响了我们的形象问题。有很多人因为痣而成名，身体某个部位有痣，只要不影响健康，其实祛不祛是无所谓的。刘亦菲鼻孔上的痣、孙俪唇下的痣、袁泉下巴上的“吃痣”、杨丞琳脸颊上的“星星痣”、热巴眼角的泪痣，她们就是所谓的“天生丽痣”。然而不是所有人都会有一颗尽善尽美的痣，更
2018-12-01 Hank_dec5
2018-12-01姓名：符振华（378期反省三组）公司：深圳蔚蓝时代商业管理有限公司-上海第一分公司【日精进打卡第178天】【知~学习】诵读《六项精进》1遍，218遍；诵读《大学》开篇1遍，213遍【经典名句分享】一万年太久，只争朝夕【行~实践】一、修身运动两小时二、建功：1、完成圣诞装饰陈列2、店面巡查{积善}：许愿日行一善/行善1件，时间为178天；累计187件1.感谢家人无私的爱2.感谢遇
2018-12-01 飞鸟逐溪
12月读书计划：ThestoryofChinesehistory(应该看不完，主要跟着夏鹏的讲解听一听-56节课)《哲学的故事》（听课）TheLittlePrince(12月9号)《缘缘堂》——丰子恺最后一个月，也是我最忙的一个月，坚持每天看书和学习，已经是很棒的咯。就在写文章之前看到了一篇讲“自律”的文章，都是熟悉的配方，熟悉的建议，关键是自己做没做到。这里的自律说得不仅仅是自己做到某件事，我希
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 编程 jsp Web 浏览器
最近想写个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 java spring
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 netstat linux uname linux uptime linux 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 java Web
这篇日志是我写的第三次了前两次都发布失败！郁闷极了！由于在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 spark sparksql sparksql读取hbase sparksql外部数据源
关键字：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

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

2018-12-01

放大镜通过图片比例的方式可以做到，可以用画布来绘出放大的图形，用它的drawImage（）方法特定点开始绘制放大的图形，同时也可用背景图片的方法，不同在于要改变背景图片的位置。

放大镜方框的移动在原图形上，并且会随鼠标的移动而移动，鼠标始终处于放大镜的中心，用到clientX（）clientY()与offsetWidth（）offsetHeight（）offsetLeft () offsetTop()来让鼠标处于放大镜的中心。

放大镜

<

>

两倍

四倍

#demo{

width: 2000px;

height: 400px;

}

#vessal{

float: left;

position: relative;

top: 10%;

left: 20%;

width: 400px;

height: 400px;

border: 3px solid #D3D9EB;

background-repeat: no-repeat;

background-size: 400px;

}

#vessal :hover{

cursor:move;

}

#magnify{

display: none;

width: 400px;

height: 400px;

float: left;

position: relative;

top: 10%;

left: 23%;

border: 3px solid#EFC4C4;

background-repeat: no-repeat;

}

#display{

display: none;

position: relative;

width: 200px;

height: 200px;

/*border: 1px solid red;*/

background-color: rgba(176,164,123,0.3);

}

#scroll{

position: fixed;

top:453px;

left:392px;

width: 430px;

height: 65px;

/*border: 1px solid red;*/

overflow: hidden;

}

#scroll ul{

position: absolute;

display: inline;

float: left;

margin:0px 0px;

width: 1290px;

height: 60px;

padding: 0px 0px;

}

#scroll ul li {

float: left;

display: inline;

width: 80px;

height: 60px;

list-style: none;

border: 3px solid #EBDEDE;

border-radius: 3px;

background-size: 80px 60px;

background-repeat: no-repeat;

}

#scroll ul:hover{

cursor:pointer ;

}

#rightbutton,#leftbutton{

width: 40px;

height: 60px;

放大镜通过图片比例的方式可以做到，可以用

/border: 1px solid red;/

/border: 1px solid red;/