js如何制作放大效果的圖片
標簽:
JavaScript
<th><i class=""></i>车系展示图:</th><td> <i><img id = "img" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="图片.jpg" onclick="fun()"><br></i> <p>点击可放大图片</p></td>
这是javascript部分
<script type="text/javascript"> function fun(){ var submitSpan = document.getElementById("img"); submitSpan.style.width = '600px'; submitSpan.style.height = '400px'; submitSpan.onclick = function () { fun1(); } } function fun1(){ var submitSpan = document.getElementById("img"); submitSpan.style.width = '150px'; submitSpan.style.height = '100px'; submitSpan.onclick = function () { fun(); } } </script>
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦