1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > JS网页图片查看器(兼容IE FF)可控制图片放大缩小移动_图象特效

JS网页图片查看器(兼容IE FF)可控制图片放大缩小移动_图象特效

时间:2019-04-21 10:46:06

相关推荐

JS网页图片查看器(兼容IE FF)可控制图片放大缩小移动_图象特效

web前端|js教程

JS,网页图片,查看器

web前端-js教程

修正了网上其它版本的一些错误。完美无错版

jquery 源码阅读,Vscode代码提示框,ubuntu屏幕标尺,tomcat报错日志目录,python爬虫操作,传智php ppt,外贸独立站seo推广快照,oe婚恋网站,dedemcs模板lzw

JS网页图片查看器-可控制图片放大缩小还原移动效果

asp学员管理源码,vscode默认建立html,ubuntu flex使用,tomcat8080404,sqlite 实现可视化,手机日历图标插件,前端框架pwa视频百度云,上海爬虫脚本招聘网站,php 酒店管理系统,98tang seo,网站cms 漏洞,一个简单的html网页,prestashop模板安装lzw

body { font-family: “Verdana”, “Arial”, “Helvetica”, “sans-serif”; font-size: 12px; line-height: 180%; } td { font-size: 12px; line-height: 150%; }

drag = 0

move = 0

网络团队网站源码,vscode 能追踪方法吗,ubuntu字体比例,tomcat+请求等待,爬虫中random,js和php区别,潜江外包seo推广公司排名,游戏试玩网站源码,团购促销模板lzw

// 拖拽对象

// 参见:/u/4702ecbe010007pe

var ie=document.all;

var nn6=document.getElementById&&!document.all;

var isdrag=false;

var y,x;

var oDragObj;

function moveMouse(e) {

if (isdrag) {

oDragObj.style.top = (nn6 ? nTY + e.clientY – y : nTY + event.clientY – y)+”px”;

oDragObj.style.left = (nn6 ? nTX + e.clientX – x : nTX + event.clientX – x)+”px”;

return false;

}

}

function initDrag(e) {

var oDragHandle = nn6 ? e.target : event.srcElement;

var topElement = “HTML”;

while (oDragHandle.tagName != topElement && oDragHandle.className != “dragAble”) {

oDragHandle = nn6 ? oDragHandle.parentNode : oDragHandle.parentElement;

}

if (oDragHandle.className==”dragAble”) {

isdrag = true;

oDragObj = oDragHandle;

nTY = parseInt(oDragObj.style.top+0);

y = nn6 ? e.clientY : event.clientY;

nTX = parseInt(oDragObj.style.left+0);

x = nn6 ? e.clientX : event.clientX;

document.onmousemove=moveMouse;

return false;

}

}

document.onmousedown=initDrag;

document.onmouseup=new Function(“isdrag=false”);

function clickMove(s){

if(s==”up”){

dragObj.style.top = parseInt(dragObj.style.top) + 100;

}else if(s==”down”){

dragObj.style.top = parseInt(dragObj.style.top) – 100;

}else if(s==”left”){

dragObj.style.left = parseInt(dragObj.style.left) + 100;

}else if(s==”right”){

dragObj.style.left = parseInt(dragObj.style.left) – 100;

}

}

function smallit(){

var height1=images1.height;

var width1=images1.width;

images1.height=height1/1.2;

images1.width=width1/1.2;

}

function bigit(){

var height1=images1.height;

var width1=images1.width;

images1.height=height1*1.2;

images1.width=width1*1.2;

}

function realsize()

{

images1.height=images2.height;

images1.width=images2.width;

block1.style.left = 0;

block1.style.top = 0;

}

function featsize()

{

var width1=images2.width;

var height1=images2.height;

var width2=360;

var height2=200;

var h=height1/height2;

var w=width1/width2;

if(height1<height2&&width1w)

{

images1.height=height2;

images1.width=width1*height2/height1;

}

else

{

images1.width=width2;

images1.height=height1*width2/width1;

}

}

block1.style.left = 0;

block1.style.top = 0;

}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。