快捷導(dǎo)航

js實(shí)現(xiàn)單擊圖片放大圖片的方法

更新時(shí)間：2015年02月17日 11:30:47 作者：代碼家園

這篇文章主要介紹了js實(shí)現(xiàn)單擊圖片放大圖片的方法,涉及javascript操作圖片的技巧與onclick事件的用法,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)單擊圖片放大圖片的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<html>

<title>單擊圖片即可放大圖片</title>

<body>

點(diǎn)擊圖片預(yù)覽效果。<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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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