自拍亚洲一区欧美另类,亚洲成人影院,亚洲午夜久久久久妓女影院,最近中文字幕高清中文字幕无,亚洲熟妇av一区二区三区漫画

學習筆記

精準傳達 ? 價值共享

洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營銷規(guī)律

點擊圖片放大特效代碼,再點擊恢復原狀【多種方法】

作者:狐靈科技 | 2019-12-29 17:28 |點擊:


圖片的實際大小為1920x1080,我們先把寬度限制在300px,點擊后圖片還原到100%(圖片雖然寬度還原到100%,但是所顯示的大小取決于父框架的寬度),如果想要圖片全屏放大(根據(jù)瀏覽器的高度自動調(diào)整)
 

 

使用方法:首先老規(guī)矩,引入jquery庫,點擊【這里】下載。
如果下載鏈接失效  百度搜索 jquery-1.8.2.min.js  下載
所需代碼(jquery、css、html)如下:

(HTML  CSS  JS 代碼都在下面)

<script>
  function f_test(){
    $('#img').toggleClass('min');
    $('#img').toggleClass('max');
  };
</script>
<style>
  .max{width:100%;height:auto;}
  .min{width:300px;height:auto;}
</style>
<img id="img" class="min" src="dedecmsok.jpg">

文本轉載:http://www.dedecmsok.com/html/n171.html
如沒特殊注明,文章均為狐靈科技原創(chuàng),轉載請注明?? "點擊圖片放大特效代碼,再點擊恢復原狀【多種方法】
多一份免費策劃方案,總有益處。

請直接添加技術總監(jiān)微信聯(lián)系咨詢

網(wǎng)站設計 品牌營銷

多一份參考,總有益處

聯(lián)系狐靈科技,免費獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談,可以通過以下方式與我們聯(lián)系

業(yè)務熱線:15082661954 / 大客戶專線:15523356218