写在</style>前面。
<img class="smaller-image" src="......">
在img标签里加上class="smaller-image"
<!DOCTYPE html><html>
<head>
<meta http-equiv="content-type" content="text/htmlcharset=utf-8" />
<title>setAttribute</title>
<style type="text/css">
.control {
text-align: right
}
.lbtn {
font-size: 18px
}
.sbtn {
font-size: 10px
}
.normal {
font-size: 15px
}
.larger {
font-size: 20px
}
.smaller {
font-size: 10px
}
</style>
<script>
function toggleFontSize(flag) {
var content = document.getElementById("content")
if(flag == -1){
content.className = "smaller"
}else if(flag == 1){
content.className = "larger"
}else if(flag == 0){
content.className = "normal"
}
}
</script>
</head>
<body>
<div class="control"> <span class="sbtn">
<a href="###" onClick="toggleFontSize(-1)" title="缩小字体">T</a></span>
|
<span class="lbtn">
<a href="###" onClick="toggleFontSize(1)" title="放大字体">T</a></span>
|
<span calss="lbtn">
<a href="###" onclick="toggleFontSize(0)" title="重置字体">T</a>
</span>
</div>
<div class="normal" id="content">
七年，情感版编辑李春天每天都收到大量怨妇来稿。闪婚、离婚、再婚，战男人，斗女人，养儿女，每一封信都在向李春天讲述情感血泪史，每一个无不是被男人骗吃骗喝骗炮打，简直惨不忍睹，歇斯底里。
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）