2011 本站教學範例已全面更新~ 新教學請看 http://www.flycan.com/article/   【到新的教學討論區】
【飛肯設計學苑】- 回首頁 -
回首頁最新開課訊息企業包班教育訓練範例教學區問題討論區交流分享區程式下載區
Photoshop影像達人專修班 Photoshop 遮色片 & 色版創作進階班 CSS 版面設計專修班 ActionScript 3.0 程式設計入門班 ActionScript & XML 進階整合應用班 Dreamweaver & CSS網頁版型設計班

 

本站已全面更新~ 2011年 新教學範例請看 → http://www.flycan.com/article/

 

【Dreamweaver網頁設計教學】範例區
閱讀者可選擇字體放大或縮小?

發表新主題   回覆主題
【飛肯】教學網站 首頁 » 【Dreamweaver網頁設計教學】範例區
上一篇主題 :: 下一篇主題  
發表人 內容
eve
【二年級】
【二年級】


註冊時間: 2005-12-22
文章: 14

發表閱讀者可選擇字體放大或縮小? 引言回覆

發表於: 2005-12-22 16:28 
:roll: 老師請問:電子報的內頁文字瀏覽方式,《可由閱讀者自己選擇字體放大或縮小》的功能,要如何製作呢?樣式網址如下...

http://www.cyberone.com.tw/ItemDetailPage/MainContent/05MediaContent.asp?MMMediaType=hot_news&MMContentNoID=24297

回頂端
檢視會員個人資料 發送私人訊息 雅虎訊息通
neok
【班長】
【班長】


註冊時間: 2005-12-06
文章: 72
來自: 亞克星球

發表 引言回覆

發表於: 2005-12-22 17:11 
語法如下:

<script type="text/javascript">

function doZoom(size){

 document.getElementById('aaa').style.fontSize=size+'px'

}

</script>

【字體】<a href="javascript:doZoom(20)">放大</a> | <a href="javascript:doZoom(15.5)">正常</a> | <a href="javascript:doZoom(12)">縮小</a><br>

<table id="aaa">

 <tr>

  <td>

   內文

  </td>

 </tr>

</table>

function 名稱可自取,getElementById('aaa') 的 aaa 是表格名稱,你要做變化的表格請取跟這個一樣的名字。

javascript:doZoom(20) 括號裡的數字就是當你按下連結,字體變化的大小。

不會排版,就看看唄。

回頂端
檢視會員個人資料 發送私人訊息 參觀發表人的個人網站 雅虎訊息通 MSN Messenger
eve
【二年級】
【二年級】


註冊時間: 2005-12-22
文章: 14

發表閱讀者可選擇字體放大或縮小? 引言回覆

發表於: 2005-12-23 09:41 
:cry: 老師您好:

謝謝您的解答~單獨試用時可以成功點選字體大小變化;但是將它帶到我製作的網頁樣式版裡,就失去字體大小變化的作用,而且字體與內文之間的行距變很大,失去視覺美感!老師請您幫幫忙~~~

回頂端
檢視會員個人資料 發送私人訊息 雅虎訊息通
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表 引言回覆

發表於: 2005-12-23 10:23 
使用了這個之後,原來文字上的 CSS 要刪掉,否則會衝突~
回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
eve
【二年級】
【二年級】


註冊時間: 2005-12-22
文章: 14

發表閱讀者可選擇字體放大或縮小? 引言回覆

發表於: 2005-12-23 11:25 
:lol: 3Q
回頂端
檢視會員個人資料 發送私人訊息 雅虎訊息通
neok
【班長】
【班長】


註冊時間: 2005-12-06
文章: 72
來自: 亞克星球

發表Re: 閱讀者可選擇字體放大或縮小? 引言回覆

發表於: 2005-12-23 11:37 
eve 寫到:
:cry: 老師您好:

謝謝您的解答~單獨試用時可以成功點選字體大小變化;但是將它帶到我製作的網頁樣式版裡,就失去字體大小變化的作用,而且字體與內文之間的行距變很大,失去視覺美感!老師請您幫幫忙~~~

不知道您是怎樣套入樣版的,不過我測試時都是單獨測試,剛剛也試了套用CSS(只套了行高跟字母間距),CSS的效果在切換時還是有用的耶......

所以不知道是不是套入樣版的過程之中,有出了什麼樣的錯誤。

回頂端
檢視會員個人資料 發送私人訊息 參觀發表人的個人網站 雅虎訊息通 MSN Messenger
eve
【二年級】
【二年級】


註冊時間: 2005-12-22
文章: 14

發表閱讀者可選擇字體放大或縮小? 引言回覆

發表於: 2005-12-23 12:02 
:lol: 已經作出來了3Q!
回頂端
檢視會員個人資料 發送私人訊息 雅虎訊息通
從之前的文章開始顯示:   
發表新主題   回覆主題     1頁(共1頁)
【飛肯】教學網站 首頁 » 【Dreamweaver網頁設計教學】範例區

 
所有的時間均為 台北時間 (GMT + 8 小時)
前往:  

回首頁】【最新開課訊息】【企業委訓】【範例教學分享區】【問題討論區