js實現(xiàn)雙擊圖片放大單擊縮小的方法
更新時間：2015年02月17日 11:56:45 作者：代碼家園
這篇文章主要介紹了js實現(xiàn)雙擊圖片放大單擊縮小的方法,涉及js操作圖片及onclick與ondblclick事件的使用技巧,需要的朋友可以參考下
本文實例講述了js實現(xiàn)雙擊圖片放大單擊縮小的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>雙擊圖片放大，單擊縮小</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function enlargeImage1(){
image1.height="300"
}
function dropImage1(){
image1.height="150"
}
// End -->
</script>
<table>
<tr><td align="center">
<img src="/images/3.jpg" height="150" name="image1" ondblclick="enlargeImage1()" onclick="dropImage1()" style="cursor:pointer;"/>
</td></tr>
</table>
雙擊圖片試試預(yù)覽效果。
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>雙擊圖片放大，單擊縮小</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function enlargeImage1(){
image1.height="300"
}
function dropImage1(){
image1.height="150"
}
// End -->
</script>
<table>
<tr><td align="center">
<img src="/images/3.jpg" height="150" name="image1" ondblclick="enlargeImage1()" onclick="dropImage1()" style="cursor:pointer;"/>
</td></tr>
</table>
雙擊圖片試試預(yù)覽效果。
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
下面小編就為大家?guī)硪黄猟edecms頁面如何獲取會員狀態(tài)的實例代碼。一起跟隨小編過來看看吧，希望對大家有所幫助。2016-03-03
這篇文章主要介紹了jQuery獲取隨機顏色的實例代碼,非常不錯，具有一定的參考借鑒價值，感興趣的朋友跟隨腳本之家小編來學(xué)習(xí)吧2018-05-05
基于BootStrap Metronic開發(fā)框架經(jīng)驗小結(jié)【二】列表分頁處理和插件JSTree的使用
本文給大家介紹基于BootStrap Metronic開發(fā)框架經(jīng)驗小結(jié)【二】列表分頁處理和插件JSTree的使用，介紹頁面內(nèi)容常用到的數(shù)據(jù)分頁處理，以及Bootstrap插件JSTree的使用，非常具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序頁面上下滾動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
一文教你用JavaScript制作個簡單的大轉(zhuǎn)盤游戲
日常生活中，我們經(jīng)常會見到形形色色的抽獎活動，例如九宮格、大轉(zhuǎn)盤等等……本文就來教大家如何利用JavaScript制作個簡單的大轉(zhuǎn)盤游戲，感興趣的可以了解一下2023-02-02
JS實現(xiàn)模擬百度搜索“2012世界末日”網(wǎng)頁地震撕裂效果代碼
這篇文章主要介紹了JS實現(xiàn)模擬百度搜索“2012世界末日”網(wǎng)頁地震撕裂效果代碼,引入第三方插件實現(xiàn)頁面的抖動、撕裂及圖片等效果,需要的朋友可以參考下2015-10-10
JS實現(xiàn)將人民幣金額轉(zhuǎn)換為大寫的示例代碼
本篇文章主要是對使用JS實現(xiàn)將人民幣金額轉(zhuǎn)換為大寫的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
在服務(wù)器端的單元測試中，都有各種各樣的測試框架，在JavaScript中現(xiàn)在也有一些很優(yōu)秀的框架，但在本文中，我們將自己動手一步步來實現(xiàn)一個簡單的單元測試框架2012-04-04
Span元素的width屬性無效果原因及解決方案2010-01-01
在Twitter上的一些有趣的討論中, 我發(fā)現(xiàn)人們對于Web應(yīng)用和站點對javascript的依賴普遍存在一種疑惑. 這種疑惑一直都存在, 而對我而言, 這個問題隨著瀏覽技術(shù)的飛躍發(fā)展而集中爆發(fā)了2013-10-10