設為首頁收藏本站
開啟輔助訪問 切換到寬版

TShopping

 找回密碼
 註冊
NetYea 響應式網頁
RWD 新竹網頁設計		 MyPresent.net
聯盟行銷賺分紅 		綠能購物網 手工藝品、客製化商品 管乾淨 專業 清洗水管
搜索
TShopping»討論區 › 電腦3C › 網頁設計 › 文字框連結顯示
返回列表 發新帖
查看: 2269|回復: 2
打印 上一主題 下一主題

[教學] 文字框連結顯示

[複製鏈接]
woff
跳轉到指定樓層
1#
發表於 2008-9-23 20:40:13 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
 
Push to Facebook
步驟一、將原始碼複製到<HEAD></HEAD>標籤之間
  1. <!--語法在網頁插入的開始-->
  2. <style type="text/css">
  3. <!--
  4. .menulines{
  5. border:1px solid white;}
  6. .menulines a{
  7. text-decoration:none;
  8. color:black;}
  9. -->
  10. </style>

  12. <script language="javascript1.2">
  13. function borderize(what,color){
  14. what.style.borderColor=color
  15. }
  16. function borderize_on(e){
  17. if (document.all)
  18. source3=event.srcElement
  19. else if (document.getElementById)
  20. source3=e.target
  21. if (source3.className=="menulines"){
  22. borderize(source3,"blue")
  23. }
  24. else{
  25. while(source3.tagName!="TABLE"){
  26. source3=document.getElementById? source3.parentNode : source3.parentElement
  27. if (source3.className=="menulines")
  28. borderize(source3,"blue")
  29. }}}
  30. function borderize_off(e){
  31. if (document.all)
  32. source4=event.srcElement
  33. else if (document.getElementById)
  34. source4=e.target
  35. if (source4.className=="menulines")
  36. borderize(source4,"white")
  37. else{
  38. while(source4.tagName!="TABLE"){
  39. source4=document.getElementById? source4.parentNode : source4.parentElement
  40. if (source4.className=="menulines")
  41. borderize(source4,"white")
  42. }}}
  43. </script>
  44. <!--語法在網頁插入的結束-->
複製代碼

步驟二、將原始碼複製到網頁中欲呈現特效的位置
  1. <!--語法在網頁插入的開始-->
  2. <table border="0" width="155" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)">
  3. <tr>
  4. <td align="center" width="160" bgcolor="#3177BB"><b><font size="3" color="FFFFFF">JAVA館目錄</font></b></td></tr>
  5. <tr>
  6. <td width="160" class="menulines"><font size="2"><a href="script.htm">javascript特效</font></a></td></tr>
  7. <tr>
  8. <td width="160" class="menulines"><font size="2"><a href="applet.htm">JavaApplet特效</font></a></td></tr>
  9. <tr>
  10. <td width="160" class="menulines"><font size="2"><a href="gci.htm">CGI特效</font></a></td></tr>
  11. <tr>
  12. <td width="160" class="menulines"><font face="Arial" size="2"><a href="dhtml.htm">DHtml特效</a></font></td></tr>
  13. <tr>
  14. <td width="160" class="menulines"><font face="Arial" size="2"><a href="index.htm">返回首頁</a></font></td></tr>
  15. </table>
  16. <!--語法在網頁插入的結束-->
複製代碼

 

臉書網友討論
回復

使用道具 舉報

paossa
2#
發表於 2012-10-15 00:48:12 | 只看該作者
謝謝大大的分享啊！

版主招募中

回復 支持 反對

使用道具 舉報

asdqwe0123
3#
發表於 2012-10-15 00:50:52 | 只看該作者
支持一下吧  


回復 支持 反對

使用道具 舉報

返回列表 發新帖
*滑块验证:
高級模式
B Color Image Link Quote Code Smilies
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2024-4-26 13:43 , Processed in 0.075812 second(s), 19 queries .

本論壇言論純屬發表者個人意見，與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表