javascript: 改变和控制显示的图片大小

JavaScript对TreeView的操作 1.设置所选节点,如选中第二个节点 function SetSelNode() { TreeView1.selectedNodeIndex="1"; } 2.得到所选节点的Text,ID或NodeData function GetAttribute() { alert(TreeView1.getTreeNode(TreeView1.selectedNodeIndex).getAttribute("Text")); } 替换Text为ID或NodeData,可分别得到所选节点的ID或NodeData 3.修改节点属性,如修改第一个节点的Text function ModifyNode() { var node=TreeView1.getTreeNode("0"); node.setAttribute("Text","hgknight"); } 4.得到点击节点 function TreeView1.onclick() { alert(TreeView1.getTreeNode(TreeView1.clickedNodeIndex).getAttribute("Text")); } 5.添加节点 function AddNode() { var node=TreeView1.createTreeNode(); node.setAttribute("Text","hgknight"); TreeView1.add(node); } 6.TreeNode.getNodeIndex() 7.TreeView.queueEvent('oncheck',TreeNode.getNodeIndex()); 8.node.getParent() 9.node.getChildren(); 立即下载

 

javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽),
<IMG src="http://doc.readmen.com/6/images/forumnew.gif" style="border:1px #ff0000 solid" name=ntimg onResize="javascript: for(i=0;i<123 && (this.width>100||this.height>100);i++){ this.width-= this.width/10 } /*alert(this.width)*/" _onLoad="alert('换图片了,不过是动画GIF,你就惨了,关不掉了')">
onResize显示改变后的图片大小,原来是34
<a href=# onClick="document.all.ntimg.width +=100 ">xxxx加大xxxx</a>
<a href=# onClick="document.all.ntimg.src = 'images/input.gif' ">yyyyyy换图yyyyyy</a>
<a href=# onClick="alert( document.all.ntimg.width + ' & ' + document.all.ntimg.height ) ">yyyyyyy图大小yyyyyy</a> 
JS控制图片的大小 javaScrpt控制图片的大小,希望可以帮助到你。 立即下载

相关推荐

js控制图片大小

js控制图片大小,并验证图片类型,兼容各浏览器,测试可用

javascript: 改变控制显示图片大小(保持比例,同时可限制高宽)

javascript: 改变控制显示图片大小(保持比例,同时可限制高宽),100||this.height>100);i++){ this.width-= this.width/10 } /*alert(this.width)*/" _onLoad="alert(换图片了,不过是动画GIF,你就惨了,关不掉了)"> onResize显示改变后的图片大小,原来是34xxxx加大xxxx yy

newtower的专栏 1748

JS实现控制图片显示大小的方法【图片等比例缩放功能】

主要介绍了JS实现控制图片显示大小的方法,即实现图片等比例缩放功能,涉及JS动态操作页面元素属性相关技巧,需要的朋友可以参考下

js 图片加载时 按比例设置图片宽高_JS控制图片显示的大小(图片等比例缩放)...

最新javascript自动按比例显示图片,按比例压缩图片显示functionAutoResizeImage(maxWidth,maxHeight,objImg){varimg= newImage();img.src=objImg.src;varhRatio;varwRatio;varRatio= 1;varw=img.width;varh=img.height;wRatio=maxWidth/w...

weixin_39831242的博客 368

bootstrap-treeview

bootstrap-treeview 简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap,以简单优雅的方式来显示一些继承树结构,如视图树、列表树等等。  插件依赖 Bootstrap v3.0.3jQuery v2.0.3 以上两

xiaoyushiying的专栏 5947

如何使用表单结合javascript改变网页图片的大小

测试结果是:一旦按了提交按钮,图片闪一下,接着就变回原来的大小了,这个为什么会这样的? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w...

weixin_30687051的博客 80

用鼠标滑轮控制图片大小js

遇到这样一个需求,从网上摘了段代码过来。。。 PS: 1.不要忘记,有的时候在页面上直接用js,jsp会出不来,要用引入的方法。 2.可以改变js起作用的区域。       用鼠标滑轮控制图片大小显示 function big(o)     {

漂泊小柒的专栏 2255

JavaScript控制图片大小的代码

1、用鼠标拖动来改变大小 function resizeImage(evt,obj){ newX=evt.x newY=evt.y obj.width=newX obj.height=newY } 2、用鼠标滚动控制图片大小 3、图片标签里用代码控制大小 screen.width-500)this.style.width=screen.width-500;"> 4、CSS控制图片大小

csdou的专栏 1066

【js】【图片显示】js控制html页面显示图片方式

js控制html页面显示图片方式,只需要引入“jquery-1.11.2.min.js” js: /* 引用 <script src="jquery-1.11.2.min.js" type="text/javascript"></script> <script src="showImage.js" type="text/javascript">...

weixin_30919429的博客 1050

js实现图片的放大缩小(鼠标长按拖拽、鼠标滚轮控制放大缩小)

背景与效果图 1.背景如下(功能图): 2.效果图如下: 拖拽后的效果 缩放的效果 放大的效果 一、功能:支持鼠标长按拖拽 1.鼠标事件: 2.拖拽功能流程 3.拖拽部分代码如下 二、功能:滚轮控制图片放大缩小 1.鼠标事件(推荐使用onwheel;mousewheel存在安全隐患) 2.功能流程: 3.具体代码如下: 三、案例功能的完整代码如下: 四、总结(一定要看,功能是有坑的)

weixin_46022934的博客 1万+

javascript控制treeview

<br />1.设置所选节点,如选中第二个节点<br />function SetSelNode()<br />{<br /> TreeView1.selectedNodeIndex="1";<br />} <br />2.得到所选节点的Text,ID或NodeData<br />function GetAttribute()<br />{<br /> alert(TreeView1.getTreeNode(TreeView1.selectedNodeIndex).getAttribute("Text"))

snjdju的专栏 3239

JS---改变图片大小

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>改变图片大小 方法1</title> <script> function showbigger(){ ...

weixin_34007879的博客 2060

JS控制图片大小(自动调整图片大小,图片保持相对尺寸)

<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=gb

smartskype的专栏 1187
上一篇: C语言编写的简单的学生成绩管理系统
下一篇: 如何象Google一样开会
thinkpadleo
博客等级 码龄22年 10粉丝 109原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值