&!doctype html&
&meta charset=&utf-8&&
&!------------------------浏览器内核------------------------&
&meta http-equiv=&X-UA-Compatible& content=&IE=edge,chrome=1&&
&!--如果安装了GCF,则使用GCF来渲染页面.
如果未安装GCF,则使用最高版本的IE内核进行渲染.--&
&meta name=&renderer& content=&webkit&&
&!--使用360等国内主流浏览器内核;
content的取值为webkit,ie-comp,ie-stand之一,区分大小写.
分别代表用webkit内核,IE兼容内核,IE标准内核.--&
&meta http-equiv=&Cache-Control& content=&no-siteapp& /&
&!---禁止百度转码--&
&meta name=&viewport& content=&width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no&&
&title&图片放大测试&/title&
&link rel=&stylesheet& type=&text/css& href=&enlargepicture.css&&&style& &span style=&white-space:pre&& &/span&.enlarge-blackground{background-color: #000 !position:top:0;left: 100%;overflow:z-index: 99999;width: 100%;}
&span style=&white-space:pre&& &/span&.enlarge-img-box{margin: 0;position:width: 1999}
&span style=&white-space:pre&& &/span&.enlarge-div{float:}
&span style=&white-space:pre&& &/span&.enlarge-number-tips{width:40height:30background-color:#555;background-clip:padding-border-radius: 50%;position:line-height: 30text-align:letter-spacing:-2right: 20top:20color: #f8f8f8;}
&span style=&white-space:pre&& &/span&.enlarge-number-tips-allnumber{font-size: 0.8}
&div class='enlarge-blackground '&
&div class='enlarge-number-box'&
&div class='enlarge-number-tips'&
&font class='enlarge-number-tips-indexpic'&1&/font&
&font class='enlarge-number-tips-allnumber'&0&/font&
&div class='enlarge-img-box'&
&div class='enlarge-div '&
&img class='enlarge-img' src='1.jpg'/&
&div class='enlarge-div '&
&img class='enlarge-img' src=&2.jpg&/&
&div class='enlarge-div '&
&img class='enlarge-img' src=&3.jpg&/&
&div class='enlarge-div '&
&img class='enlarge-img' src=&4.jpg&/&
&div class='enlarge-div '&
&img class='enlarge-img' src=&5.jpg&/&
&button&图片预览&/button&
&script src='jquery.min.js'&&/script&
&script src='enlargepicture.js'&&/script&
startenLargePicture();
$('button').on('click',function(){
enLargePicture();
js代码如下
function startenLargePicture(){
var ww=$(window).width();
var wh=$(window).height();
$('.enlarge-img').css('width',ww);
var img_number=$('.enlarge-img-box').children('.enlarge-div').
var imgh_s=$('.enlarge-img').height();
var imgw_s=
$('.enlarge-number-tips-allnumber').html(img_number);
$('.enlarge-blackground').css('height',wh);
$('.enlarge-center-box').css('height',imgh_s);
$('.enlarge-img-box').css('width',imgw_s*img_number);
var theimg_h=$('.enlarge-img-box').height();
$('.enlarge-img-box').css('top',(wh-theimg_h)/2);
//全局设置
max_magnification: 2.0 , //最大放大倍数
re_magnification: 1.5 ,
//回弹放大倍数
changespeed: 0.4 ,
//换图灵敏度(0.1-0.9)
var touches={
number : null ,
one: { sy : 0 ,sx : 0 ,mx : 0 ,my : 0 ,ex : 0 ,ey : 0 ,},
two : {sy : 0 ,sx : 0 ,mx : 0 ,my : 0 ,ex : 0 ,ey : 0 ,},}
var sl = //初始距离
var _3d = var _2d = var scale = 1;
var global={scale : 1,offsetX : 0, offsetY : 0, is_scale : false, go_change:'static', moveX:0, allmoveX:img_number*imgw_s, indexpic:1, };
var img_offset={ left_s: 0 , top_s: 0 , left_m: 0 , top_m: 0 , left_e: 0 , top_e: 0 ,}
$('.enlarge-blackground').show();
$('.enlarge-div').on('touchstart touchmove touchend',function(e){
var imgh=$(this).children('.enlarge-img').height();
var imgw=$(this).children('.enlarge-img').width();
switch(e.type){
case 'touchstart':
global.go_change='static';
$(this).children('.enlarge-img').css({
'-moz-transition': '-moz-transform 0s',
'-webkit-transition': '-webkit-transform 0s',
'-o-transition': '-o-transform 0s',
'-ms-transition': '-ms-transform 0s',
'transition': 'transform 0s',
img_offset.left_s=$(this).children('.enlarge-img').offset().
img_offset.top_s=$(this).children('.enlarge-img').offset().
touches.number=e.originalEvent.
if(touches.number.length==1){
touches.one.sx=e.originalEvent.targetTouches[0].pageX;
touches.one.sy=e.originalEvent.targetTouches[0].pageY;
touches.one.sx=e.originalEvent.targetTouches[0].pageX;
touches.one.sy=e.originalEvent.targetTouches[0].pageY;
touches.two.sy=e.originalEvent.targetTouches[1].pageY;
touches.two.sx=e.originalEvent.targetTouches[1].pageX;
sl=Math.ceil(Math.sqrt(Math.pow((touches.one.sy-touches.two.sy),2)+Math.pow((touches.one.sx-touches.two.sx),2)));
//初始距离
case 'touchmove':
img_offset.left_m=$(this).children('.enlarge-img').offset().
img_offset.top_m=$(this).children('.enlarge-img').offset().
if((touches.number.length==1)&&(global.scale&=1)){
touches.one.ex=e.originalEvent.targetTouches[0].pageX;
touches.one.ey=e.originalEvent.targetTouches[0].pageY;
var stop_position_x=imgw/3;
var stop_position_y=imgh/3;
offsetX=(stop_position_x*(touches.one.ex-touches.one.sx))/(Math.abs((touches.one.ex-touches.one.sx))+stop_position_x)+global.offsetX;
offsetY=(stop_position_y*(touches.one.ey-touches.one.sy))/(Math.abs((touches.one.ey-touches.one.sy))+stop_position_y)+global.offsetY;
_3d='scale3d('+global.scale+','+global.scale+',1) '+' translate3d(' + offsetX
+ 'px,' + offsetY
+ 'px,0px)';
_2d='scale('+global.scale+','+global.scale+') '+' translate(' + offsetX
+ 'px,' + offsetY +'px)';
if((scale&1)&&(img_offset.left_m&=0)&&(img_offset.left_m&=-(imgw_s-imgw/global.scale))){
offsetY=touches.one.ey-touches.one.sy+global.offsetY;
offsetX=touches.one.ex-touches.one.sx+global.offsetX;
touches.one.ex=e.originalEvent.targetTouches[0].pageX;
touches.one.ey=e.originalEvent.targetTouches[0].pageY;
touches.two.ex=e.originalEvent.targetTouches[1].pageX;
touches.two.ey=e.originalEvent.targetTouches[1].pageY;
ml=Math.ceil(Math.sqrt(Math.pow((touches.one.ey-touches.two.ey),2)+Math.pow((touches.one.ex-touches.two.ex),2)));
global.is_scale?scale=global.scale*2.5*ml/sl/(1.5+ml/sl) :scale=2.5*ml/sl/(1.5+ml/sl);
//放大阻尼效果
offsetX=Math.ceil((touches.one.ex+touches.two.ex)/2)-Math.ceil((touches.one.sx+touches.two.sx)/2)+global.offsetX;
offsetY=Math.ceil((touches.one.ey+touches.two.ey)/2)-Math.ceil((touches.one.sy+touches.two.sy)/2)+global.offsetY;
_3d='scale3d('+scale+','+scale+',1) '+' translate3d(' + offsetX
+ 'px,' + offsetY
+ 'px,0px)';
_2d='scale('+scale+','+scale+') '+' translate(' + offsetX
+ 'px,' + offsetY +'px)';
//console.log(offsetX,offsetY);
$(this).children('.enlarge-img').css({
'-webkit-transform':
'-o-transform':
'-ms-transform':
'-moz-transform':
'transform':
case 'touchend':
img_offset.left_e=$(this).children('.enlarge-img').offset().
img_offset.top_e=$(this).children('.enlarge-img').offset().
if((touches.one.ex-touches.one.sx&=-imgw*set.changespeed)&&(global.moveX+imgw&global.allmoveX)&&(touches.one.ex!=0)){global.go_change='down';}else if((touches.one.ex-touches.one.sx&=imgw*set.changespeed)&&(global.moveX-imgw&=0)&&(touches.one.ex!=0)){global.go_change='up'; }else{global.go_change='static';}
//判断图片是否切换
touches.one.ex=0;
if(scale&=1){
}else if(scale&set.max_magnification){
scale=set.re_
if((img_offset.top_e!=0|| img_offset.left_e!=0)&&(scale&=1)){
//缩小或未放大时图片回弹效果
offsetX=0;
offsetY=0;
if((img_offset.left_e&0)&&(scale&1)){
//放大时X轴图片回弹效果
offsetX=(imgw_s-imgw/scale)/2;
}else if((img_offset.left_e&0)&&(img_offset.left_e&=-(imgw_s-imgw/scale))&&(scale&1)){
offsetX=-(imgw_s-imgw/scale)/2;
if((img_offset.top_e&50)&&(scale&1)){
//放大时Y轴图片回弹效果
offsetY=0;
}else if((img_offset.top_e&-50)&&(scale&1)){
offsetY=0;
if(global.go_change=='down'){
//多图片切换下一张
scale=1;offsetX=0;offsetY=0;global.scale=1;
global.moveX+=
transFormMove(-global.moveX);
tansForm(scale,offsetX,offsetY);
global.indexpic+=1;
$('.enlarge-number-tips-indexpic').html(global.indexpic);
}else if(global.go_change=='up'){
//多图片切换上一张
scale=1;offsetX=0;offsetY=0;global.scale=1;
global.moveX-=
transFormMove(-global.moveX);
tansForm(scale,offsetX,offsetY);
global.indexpic-=1;
$('.enlarge-number-tips-indexpic').html(global.indexpic);
//多图片切换不变
tansForm(scale,offsetX,offsetY);
global.scale=
global.offsetY=offsetY;
global.offsetX=offsetX;
global.is_scale=
function tansForm(tran_scale,tran_offsetX,tran_offsetY){
var tran_3d='scale3d('+tran_scale+','+tran_scale+',1) '+' translate3d(' + tran_offsetX
+ 'px,' + tran_offsetY
+ 'px,0px)';
var tran_2d='scale('+tran_scale+','+tran_scale+') '+' translate(' + tran_offsetX
+ 'px,' + tran_offsetY +'px)';
$(event.target).css({
'-webkit-transform':
'-o-transform':
'-ms-transform':
'-moz-transform':
'transform':
'-moz-transition': '-moz-transform .3s ease-out',
'-webkit-transition': '-webkit-transform .3s ease-out',
'-o-transition': '-o-transform .3s ease-out',
'-ms-transition': '-ms-transform .3s ease-out',
'transition': 'transform .3s ease-out',
function transFormMove(tran_moveX){
var tran_3d=' translate3d(' + tran_moveX
+ 'px,' + '0'
+ 'px,0px)';
var tran_2d=' translate(' + tran_moveX
+ 'px,' + '0' +'px)';
$('.enlarge-img-box').css({
'-webkit-transform':
'-o-transform':
'-ms-transform':
'-moz-transform':
'transform':
'-moz-transition': '-moz-transform .3s ease-out',
'-webkit-transition': '-webkit-transform .3s ease-out',
'-o-transition': '-o-transform .3s ease-out',
'-ms-transition': '-ms-transform .3s ease-out',
'transition': 'transform .3s ease-out',
function forbidTouchmove(){
event.preventDefault();
$('.enlarge-blackground').bind('click',function(){
$('.enlarge-blackground').animate({left:'100%'});
$('body').unbind('touchmove',forbidTouchmove);//取消屏蔽
function enLargePicture(){
//触发函数
var wh=$(window).height();
var theimg_h=$('.enlarge-img-box').height();
$('.enlarge-img-box').css('top',(wh-theimg_h)/2);
$('.enlarge-blackground').animate({left:'0'});
$('body').bind('touchmove',forbidTouchmove);//屏蔽自带touchmove
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：9335次
排名：千里之外
(2)(6)(2)(1)(1)(2)(1)怎样设置双屏幕显示知道的能告诉下吗_手机问题_土巴兔装修问答
怎样设置双屏幕显示知道的能告诉下吗
报价结果查看方式：
微信人工报价
报价结果将发送到您的手机
装修顾问-馨馨
4年行业经验，24h可咨询
10秒闪电通过好友
您的装修预算约
*装修管家将回电您，免费提供装修咨询服务
*因材料品牌及工程量不同，具体报价以量房实测为准
装修顾问 -馨馨
（四年装修行业经验）
微信扫一扫
怎样设置双屏幕显示知道的能告诉下吗
提问者：颜玟丽|
时间： 14:36:21
已有3条答案
回答数：6473|被采纳数：0
所有回答：&6473
<p class="ask_one_p edit_、电脑和电视机都要有HDMI的接口
2、需要准备一条HDMI连接线；
3、用HDMI连接线的一头插到电视机的HDMI接口；
4、用HDMI连接线的另一头插到电脑上的HDMI接口；
5、启动电脑和液晶电视机，用遥控器把液晶电视的“信号源”调整到“HDMI模式”；
6、切换到HDMI信号后，一般电视机就会显示电脑传输的画面了；
7、接下来在电脑上将电视机设置为电脑的扩展显示器，同时设置电脑传输到电视机的画面分辨率以达到最佳显示效果。在电脑上点击鼠标右键弹出菜单，选择屏幕分辨率进入
8、在分辨率的设置界面，将电视机设置为电脑的扩展显示器使用；
9、此时，电脑一般会自动检测电视机的参数并推荐最佳分辨率，用户可以根据电视机显示的实际效果进行分辨率调整，以达到最佳显示效果。
10、选择最佳分辨率后按“确定”即可。
希望我的回答能够帮助你。
回答数：5309|被采纳数：1
嘻嘻嘻_5646
所有回答：&5309
您好，很高兴为您回答。你的显卡有两个输出头吗？如果有的话可以的，你连上显示器以后，右键桌面-属性-设置，分辨率会出现1和2的，选择2，把扩展的那个钩钩起来。双屏显示、跨越和复制，任选其一后设置分辩率，如果两个显示器支持的最大分辩率不一样，就把分辩率设成低显示器的最大分辩率，不然低分辩率的显示器启动不了，然后确定重启进入补充。
&& && &&希望我的回答对您有所帮助。
回答数：44712|被采纳数：3
所有回答：&44712
<p class="ask_one_p edit_、将HDMI分配器与显卡连接，显示器通过线缆于HDMI分配器连接。
2、桌面空白部分右击，选择到显示设置。
3、切换到显示选项，点击检测，当两个显示器分别出现1、2后调整每个显示器显示内容即可。
已有 3 个回答
已有 3 个回答
已有 3 个回答
已有 3 个回答
已有 3 个回答
位业主已在问吧找到答案
一万套装修案例
下载土巴兔APP
中国装修网ipad4手势使用教程(单指/双指/四指/五指)
作者：佚名
字体：[ ] 来源：互联网 时间：05-14 15:16:44
ipad4手势使用包括单指、双指、四指、五指的使用方法，具体操作图文如下，喜欢使用手势操作的朋友可以参考下哈，希望可以帮助到你
　　一、单指使用方法
　　一个手指在 iPad 里的用法主要有：左右上下扫动屏幕，单击或者双击屏幕上的某个目标。
　　譬如可以用一个手指在 iPad 的主屏上&左右滑动&来切换不同的主屏，如图所示
　　在我们用 Safari 来浏览网页的时候，可以用单个手指&上下扫动&，从而可以查看更多的网页内容，如图所示
　　在我们浏览网页的时候，一个手指连续在屏幕上点二次，可以放大该区域的内容显示。要还原原来的大小，只需要再连续点二次即可。
　　同样的，在我们查看相片的时候。也可以用一个手机连续双击 iPad 屏幕来实现放大图片。用一个手指连续点击二次想要放大的地区域，图中左边为原图，右边是放大后的图
　　二、双指的用法
　　双指的用法主要是二指在 iPad 的屏幕上&合龙缩小&和&张开放大&。
　　当我们在浏览网页的时候，如果觉得网页上的字太小了。我们可以用二个手指在 iPad 的屏幕上做一个&二指张开&的动作，这样网页上的图片或是文字就会被放大。下图是放大前后和放大后的区别
　　同样的，对于在我们查看照片的时候，也是可以用同样的方法来实现图片的放大和缩小。然后我们再配合一个手指左右上下来移动，就可以查看任意放大的区域了。
　　双指的&开合&不但可以放大和缩小照片，还可以打开和关闭 iPad 里的&相薄&，如图所示
　　三、四个手指以上的用法
　　首先打开 iPad 上的设置，点击左边的&通用&，然后在右边打开&多任务手势&，如图所示
　　用四个手指在 iPad 的屏幕上同时向上移动，即可打开 iPad 的多任务管理。这个手势的功能等同于我们连续按二次&HOME主屏键&，如图所示
　　在打一个已经打开的 APP 应用程序界面，用四个手指同时向&左或者向右&移动，可以在不同的应用程序之间切换
　　用五个手指在 iPad 的屏幕上做一个&五指合拢&的动作，可以把立即退出当前打开应用程序，等同于我们按 iPad 上的&HOME主屏键&的功能，
大家感兴趣的内容
12345678910
最近更新的内容10:57:281718
我在玩阿尔龙，发现左手按着方向，右手一按攻击就出现了菜单，很烦人啊。上次玩有个游戏也是如此。手机9228，刚买的，诶。
您需要注册登录后，才能回帖哦！
快速登录：