当前位置:编程学习 > JS >>

JavaScript无限级缩小放大图片

JavaScript无限级缩小放大图片,这里仅供参考,因为图片的实际像素并没有改变,因此即使是放大也是虚拟的,就当是一种JS的练习吧。
答案:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>值得推荐的无限缩小放大图片功能</title>
</head>
<body>
<input type="button" value="缩小" onclick="small1()">
<input type="button" value="放大" onclick="big1()">
<img border="0"  name=images1 src="/images/logo.gif"> 
<script>
function small(){
var height1=images0.height
var width1=images0.width
images0.height=height1/1.5
images0.width=width1/1.5}
function big(){
var height1=images0.height
var width1=images0.width
images0.height=height1*1.5
images0.width=width1*1.5}
function small1(){
var height1=images1.height
var width1=images1.width
images1.height=height1/1.5
images1.width=width1/1.5}
function big1(){
var height1=images1.height
var width1=images1.width
images1.height=height1*1.5
images1.width=width1*1.5}
</script>
</body>
</html>

上一个:提交表单前确认功能的实现代码
下一个:CSS实现的Select下拉框,支持编辑

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,