久青草国产观看在线视频,在线观看欧美日女,777毛片,亚洲国产精品99久久久久久久

WordPress添加字體切換大小按鈕

2018-07-27 wordpress經驗
  • 文章介紹
  • 快速入門
  • 評價&建議

眾口難調,網頁上正文的字體大小一般在12px~16px之間,然而許多的老年朋友卻因為看不到字而苦惱。雖然有網頁縮放這一功能,但一是不能用正常的方式閱讀網頁、二是會讓圖片因為放大而變得異常模糊。所以最好的方法就是:游客可以直接按下網站上的“放大”“減小”按鈕調整網頁上的字體大小,現在我們可以將此小功能集成到WordPress中。

WordPress添加字體切換大小按鈕

實現代碼示例

將此JS代碼添加到single.php中:

  1. <script?type=“text/javascript”>
  2. function?doZoom(size)?{
  3. var?zoom?=?document.all???document.all[‘entry’]?:?document.getElementById(‘entry’);
  4. }
    1. <div?id=“fschange”>
    2. “font_title”>字號:</span>
    3. <span?id=“fs_dec”><a?href=“javascript:doZoom(12)”?title=“縮小”>-</a></span>
    4. “fs_n”><a?href=“javascript:doZoom(14)”?title=“恢復”>o</a></span>
    5. <span?id=“fs_inc”><a?href=“javascript:doZoom(16)”?title=“增大”>+</a></span>
      1. #fschange?{float:rightright;?margin:0;?padding:0;}
      2. #fschange?#font_title{margin-top:2px;}
      3. #fschange?span?{display:inline;?float:left;?margin-left:4px;}
      4. #fschange?span?a?{border-bottom:#c8c8c8?1px?solid;?text-align:center;?border-left:#c8c8c8?1px?solid;?width:16px;?display:block;?height:18px;?border-top:#c8c8c8?2px?solid;?border-right:#c8c8c8?1px?solid;}
      5. #fschange?span?a:hover?{background:#ebebeb;?text-decoration:none;}

0 0

企業建站推薦正版商業主題,國內專業團隊開發,完善售后,是您不二選擇。

正版主題商店

主題貓WP建站,累計幫助1300+客戶成功建站,為站長提供支持!

立刻開啟你的建站之旅
QQ在線客服

服務熱線

wordpress建站咨詢