JavaScript單擊圖片,圖片以動(dòng)畫形式放大為原來的1.5倍,動(dòng)畫時(shí)間為3秒怎么做

1、點(diǎn)擊JavaScript圖片。

站在用戶的角度思考問題，與客戶深入溝通，找到德州網(wǎng)站設(shè)計(jì)與德州網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋德州地區(qū)。

2、通過點(diǎn)擊之中換成img的src屬性。

3、換成屬性之后，將圖片設(shè)置成動(dòng)畫形式放大原來的1.5倍。

4、在設(shè)置中找到動(dòng)畫時(shí)間，將動(dòng)畫時(shí)間設(shè)為3秒即可。

Javascript是什么意思？

JavaScript 是什麼？

JavaScript 是一種新的描述語(yǔ)言，此一語(yǔ)言可以被箝入 HTML 的文件之中。

透過 JavaScript 可以做到回應(yīng)使用者的需求事件 (如： form 的輸入) 而不用任何的網(wǎng)路

來回傳輸資料，所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過傳給伺服端 (server)

處理，再傳回來的過程，而直接可以被客戶端 (client) 的應(yīng)用程式所處理。你也可

以想像成有一個(gè)可執(zhí)行程式在你的客端上執(zhí)行一樣！目前已有一些寫好的程式在

Internet 上你可以連過去看看，以下有一些計(jì)算器的例子，在 Nescape 上。

JavaScript 和 Java 很類似，但到底并不一樣！ Java 是一種比 JavaScript 更復(fù)雜

許多的程式語(yǔ)言，而 JavaScript 則是相當(dāng)容易了解的語(yǔ)言。JavaScript 創(chuàng)作者

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

如需相關(guān)的更多資訊，可以去讀讀 Netscape 的有關(guān) Netscape JavaScript 之介紹。

如何用JS語(yǔ)句顯示圖片？

需要準(zhǔn)備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的script標(biāo)簽，輸入js代碼：$('body').append('img src="" /');。

3、瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)圖片被js成功顯示到頁(yè)面上。

Javascript控制圖像

代碼錯(cuò)誤太多 直接用這個(gè)（圖片名字自己改）

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

怎樣用javascript實(shí)現(xiàn)圖片定時(shí)切換

思路：使用javascript定時(shí)器函數(shù)setTimeout()每隔一定的毫秒間隔數(shù)執(zhí)行動(dòng)作，在執(zhí)行的動(dòng)作中循環(huán)替換圖片的src屬性。樹立演示如下：

1、HTML結(jié)構(gòu)

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

2、javascript代碼

function?change(n){

if(n5)?n=1;??//?一共5張圖片，所以循環(huán)替換

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

n++;

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

}

window.onload?=?function(){

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

}

3、效果演示

javascript點(diǎn)擊查看圖片，彈框顯示圖片，怎么用js怎么實(shí)現(xiàn)？

最好用插件，去layer官網(wǎng)有專門的點(diǎn)擊圖片，彈出瀏覽還支持多個(gè)圖片。

先去官網(wǎng)下載layer包，你的網(wǎng)頁(yè)引用layer的js文件。

地址：網(wǎng)頁(yè)鏈接?點(diǎn)擊相冊(cè)層

然后js代碼：

//調(diào)用示例

layer.ready(function(){ //為了layer.ext.js加載完畢再執(zhí)行

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

layer.photos({

photos: '#layer-photos-demo'

,shift: ps //0-6的選擇，指定彈出圖片動(dòng)畫類型，默認(rèn)隨機(jī)

});

});

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