js實現(xiàn)單擊圖片放大圖片的方法
更新時間：2015年02月17日 11:30:47 作者：代碼家園
這篇文章主要介紹了js實現(xiàn)單擊圖片放大圖片的方法,涉及javascript操作圖片的技巧與onclick事件的用法,需要的朋友可以參考下
本文實例講述了js實現(xiàn)單擊圖片放大圖片的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復制代碼 代碼如下:
<html>
<title>單擊圖片即可放大圖片</title>
<body>
點擊圖片預覽效果。<br>
<img src="/images/m01.jpg" onclick="this.width+=50;this.height+=50" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
<img src="/images/m02.jpg" onclick="this.style.zoom='2'" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
</body>
</html>
<title>單擊圖片即可放大圖片</title>
<body>
點擊圖片預覽效果。<br>
<img src="/images/m01.jpg" onclick="this.width+=50;this.height+=50" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
<img src="/images/m02.jpg" onclick="this.style.zoom='2'" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
本篇文章主要是對JS刷新當前頁面的幾種方法進行了詳細的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了JS實現(xiàn)表單中點擊小眼睛顯示隱藏密碼框中的密碼，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考價值,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了JavaScript設(shè)計模式之享元模式,結(jié)合實例形式較為詳細的分析了javascript享元模式相關(guān)概念、原理、用法及操作注意事項,需要的朋友可以參考下2019-01-01
JavaScript利用發(fā)布訂閱模式編寫事件監(jiān)聽函數(shù)
發(fā)布訂閱是一種設(shè)計模式，EventHub可以被看作是一種Pub/Sub實現(xiàn)。本文就來講講如何利用eventHub發(fā)布訂閱寫一個事件監(jiān)聽函數(shù)，感興趣的可以了解一下2023-04-04
javascript計算當月剩余天數(shù)(天數(shù)計算器)示例代碼
本文介紹了利用Javascript在網(wǎng)頁上計算當前月份的剩余天數(shù)的方法，大家參考使用吧2014-01-01
uniapp中scroll-view實現(xiàn)自動滾動到最底部的方法
這篇文章主要給大家介紹了關(guān)于uniapp中scroll-view實現(xiàn)自動滾動到最底部的相關(guān)資料,在uniapp日常開發(fā)的過程中經(jīng)常會有局部滾動的需求，而scroll-view組件正好可以滿足這一需求,需要的朋友可以參考下2023-10-10
這篇文章為大家分享了一個超精準的javascript驗證身份證號的具體實現(xiàn)方法，根據(jù)身份證號對其進行性別的判定，感興趣的小伙伴們可以參考一下2015-11-11
javascript語句中的CDATA標簽的意義...2007-05-05
JS實現(xiàn)頁面跳轉(zhuǎn)鏈接的幾種方式匯總
這篇文章主要介紹了JS實現(xiàn)頁面跳轉(zhuǎn)鏈接的幾種方式,簡單總結(jié)了幾種頁面跳轉(zhuǎn)功能的實現(xiàn),有使用js跳轉(zhuǎn)頁面,返回上一次預覽界面及button按鈕添加事件跳轉(zhuǎn),本文結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友參考下吧2024-01-01
這篇文章主要介紹了js格式化時間的方法，對javascript時間格式化的方法進行了總結(jié)，感興趣的小伙伴們可以參考一下2015-12-12