javascript图像,javascript图像标注

JavaScript单击图片,图片以动画形式放大为原来的1.5倍,动画时间为3秒怎么做

1、点击JavaScript图片。

2、通过点击之中换成img的src属性。

3、换成属性之后，将图片设置成动画形式放大原来的1.5倍。

4、在设置中找到动画时间，将动画时间设为3秒即可。

相关问答

Q1: Javascript是什么意思？

JavaScript 是什麽？

JavaScript 是一种新的描述语言，此一语言可以被箝入 HTML 的文件之中。

透过 JavaScript 可以做到回应使用者的需求事件 (如： form 的输入) 而不用任何的网路

来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server)

处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。你也可

以想像成有一个可执行程式在你的客端上执行一样！目前已有一些写好的程式在

Internet 上你可以连过去看看，以下有一些计算器的例子，在 Nescape 上。

JavaScript 和 Java 很类似，但到底并不一样！ Java 是一种比 JavaScript 更复杂

许多的程式语言，而 JavaScript 则是相当容易了解的语言。JavaScript 创作者

可以不那麽注重程式技巧，所以许多 Java 的特性在 Java Script 中并不支援。

如需相关的更多资讯，可以去读读 Netscape 的有关 Netscape JavaScript 之介绍。

Q2: 如何用JS语句显示图片？

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的script标签，输入js代码：$('body').append('img src="" /');。

3、浏览器运行index.html页面，此时图片被js成功显示到页面上。

Q3: Javascript控制图像

代码错误太多 直接用这个（图片名字自己改）

body

img src="12.jpg" id="class1" width="120px" height="90" alt="" /

form action=""

select name="cached" onchange="loadCached(this)"

option value="img1"带/option

option value="img2"回/option

/select

/form

/body

script language="javascript" type="text/javascript"

var imageLibrary = new Array();

imageLibrary["img1"] = new Image(120,90);

imageLibrary["img1"].src = "1.png";

imageLibrary["img2"] = new Image(120,90);

imageLibrary["img2"].src="11.jpg";

function loadCached(list) {

var img = list.value;

document.getElementById("class1").src = imageLibrary.src;

}

/script

Q4: 怎样用javascript实现图片定时切换

思路：使用javascript定时器函数setTimeout()每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性。树立演示如下：

1、HTML结构

img src="1.png" id="test"

2、javascript代码

function change(n){

if(n5) n=1;  // 一共5张图片，所以循环替换

document.getElementById("test").setAttribute("src", n+".png");

n++;

setTimeout("change("+n+")",1000);

}

window.onload = function(){

setTimeout("change(1)", 1000);

}

3、效果演示

Q5: javascript点击查看图片，弹框显示图片，怎么用js怎么实现？

最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。

先去官网下载layer包，你的网页引用layer的js文件。

地址：网页链接 点击相册层

然后js代码：

//调用示例

layer.ready(function(){ //为了layer.ext.js加载完毕再执行

var ps=$("#psize").val();

layer.photos({

photos: '#layer-photos-demo'

,shift: ps //0-6的选择，指定弹出图片动画类型，默认随机

});

});

html代码：

div id="layer-photos-demo" class="layer-photos-demo"

img layer-pid="图片id，可以不写" layer-src="缩略图片地址" src="图片地址" alt="" style="height: 140px;width: 120px;border:1px solid #bbb;"

/div