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程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了javaScript實現滾動條事件的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要介紹了JS數組降維的幾種方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-04-04
JavaScript中最容易混淆的作用域、提升、閉包知識詳解(推薦)
在web前端開發(fā)中js中的作用域，提升，閉包知識是經常用到的也是很容易混淆的知識點，接下來小編整理了本教程幫助大家學習2016-09-09
這篇文章主要介紹了JavaScript通過事件代理高亮顯示表格行的方法,涉及javascript事件代理及頁面元素的操作技巧,需要的朋友可以參考下2015-05-05
javaScript手機號碼校驗工具類PhoneUtils詳解
這篇文章主要為大家詳細介紹了javaScript手機號碼校驗工具類PhoneUtils，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
這篇文章主要介紹了讓JavaScript代碼更加精簡的方法技巧,文章通過使用?JavaScript對象解構來節(jié)省代碼，JavaScript?對象解構賦值在項目開發(fā)中是一個常用的技能。下文實現過程需要的小伙伴可以參考一下2022-06-06
這篇文章主要介紹了javascript實現函數柯里化與反柯里化過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
這篇文章主要為大家詳細介紹了JavaScript實現搜索的數據顯示，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了Layui彈框中數據表格中可雙擊選擇一條數據的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
這篇文章主要介紹了JavaScript學習筆記之數組隨機排序的相關資料,需要的朋友可以參考下2016-03-03