運用JavaScript實現網頁上圖片與文字的放大與縮小

時間 2019-12-19

標籤運用 javascript 實現網頁圖片文字放大縮小欄目 JavaScript 简体版

原文原文鏈接

部分具體代碼以下：javascript

<script type="text/javascript">
var size=20;
function changeStyle(state){
   var a1=document.getElementById('link1');
   if(state=='up'){
       size+=5;
       a1.style.fontSize=size+'px';
   }else{
       size-=5;
       a1.style.fontSize=size+'px';
       }
   }

</script>
</head>java

<body>
<p id="link1"> jagbfieabv</p>
<input type="button" value="bigger" onclick="changeStyle('up')" />//放大按鈕
<input type="button" value="smaller" onclick="changeStyle('down')" />//縮小按鈕字體

</body>ip

當點擊放大按鈕時，字體也會放放大，一樣，再點擊縮小按鈕，字體也會縮小，get

相關文章

相關標籤/搜索

原理與實現

dict與set的實現

JavaScript實現

一張大大的圖片

Docker命令大全

紅包項目實戰

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<