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