網站架設網頁設計是邁向網路賺錢的第一步!讓網頁公司設計費用動則數萬元,自己不能掌握技術關鍵!如果要學習很長的時間才能讓網站經營,那又錯失很多賺錢的契機(更何況有技術顧問可以諮詢嗎?自己摸索想要【無師自通...往往會走火入魔!】唯有透過我們密訓基地的網路函授課程及提供專業技術諮詢!讓你在【網站架設網頁設計教學密訓基地】的輔導下,快速架站省錢又學會技術、無技術諮詢的後顧之憂!


最新的【網站架設網頁設計教學】課程表:

http://por.tw/Website_Design/E_learning/index.php



特訓密技基地總教頭 ster168ster@gmail.com


瀏覽模式: 普通 | 清單

在您網站加入音樂點播語法(JAVASCRIPT)範例

在您網站加入音樂點播語法(JAVASCRIPT)範例

您覺得網站播放音樂比較好嗎?
您是否也想在您網站加入音樂?
來!總教頭免費提供您在您網站加入音樂點播語法(JAVASCRIPT)範例!


提供您網站加入音樂點播語法:
--------------------------------------------------------------
(JAVASCRIPT放到 Head區塊)



<script>
//設定音樂或歌曲檔案完整位址
musicSrc = new Array()
musicSrc[0] = "http://www.howto-make-money.com.tw/mp3/SummerSnow.mp3";
musicSrc[1] = "http://www.howto-make-money.com.tw/mp3/STAY_ON_THESE_ROADS.mp3";
musicSrc[2] = "http://www.howto-make-money.com.tw/mp3/c1.mp3";
musicSrc[3] = "http://www.howto-make-money.com.tw/mp3/c2.mp3";
musicSrc[4] = "http://www.howto-make-money.com.tw/mp3/c3.mp3";
musicSrc[5] = "http://www.howto-make-money.com.tw/mp3/c4.mp3";
musicSrc[6] = "http://www.howto-make-money.com.tw/mp3/c5.mp3";





//播放下拉表單中選擇的項目
function PlaySelectMusic(select_item)
{
musicArea.innerHTML="<embed src='"+ musicSrc[select_item] +"' autostart=TRUE hidden=TRUE loop=TRUE ShowStatusBar=TRUE ShowDisplay=FALSE ShowGotoBar=FALSE" + ">"}


function StopPlay(select_item)
{
musicArea.innerHTML="<embed src='"+ musicSrc[select_item] +"' autostart=FALSE hidden=TRUE" + ">"}
</script>



  <form name="musicForm" >
      <select name="musicSelect" onmouseover="PlaySelectMusic(this.selectedIndex)" onmouseout="StopPlay(this.selectedIndex)">
        <option selected="selected">馬修連恩歌曲1</option>
        <option>a-ha合唱團好歌</option>
        <option>張雨生-如果妳冷</option>
        <option>布袋戲-愛情是無情的信</option>
        <option>布袋戲-靖滄浪角色曲</option>
        <option>布袋戲-劍者傳說(殢無傷)</option>
        <option>布袋戲-羽人非獍二胡曲</option>
      </select>
    </form><div id="musicArea"></div>


備註:
說實在的,我比較不喜歡在網站播放音樂,原因有二:

1.覺得太吵(音樂每個人喜歡的樂曲不見得相同,是音樂還是噪音?見解不同!)
2.音樂版權的問題(無版權的音樂就不是時下流行的音樂,有版權的好音樂必須取得授權,方可掛載!)


網頁設計軟體-H&M StudioLine Web 3.70.21.0

網頁設計軟體-H&M StudioLine Web 3.70.21.0

StudioLine Web  這個同樣也是「所見即所得」的網頁設計輔助軟體能提供強大的輔助功能,內含建立拼圖式圖形、在你頁面上使用影像工具及加上特效,並可立即預覽結果。
它還提供了︰圖像取得、圖像檔案櫃、圖像工具、頁面範本、圖層樣本、連結管理(檢查錯誤連結)、特殊圖像特效、投影片播放、電子信件整合、高品質列印、網頁發佈、發佈管理及輸出等功能。

StudioLine Web 在單一介面中整合了建立、編輯、發佈並升級專業網站的所有應用程式。
此外,你可以用它來建立拼圖式圖形、在你頁面上使用影像工具及加上特效,並可立即預覽結果。
這個產品提供了︰圖像取得、 WYSIWYG(所見即所得)、圖像檔案櫃、圖像工具、頁面範本、圖層樣本、連結管理(檢查錯誤連結)、特殊圖像特效、投影片播放、電子信件整合、高品質列印、網頁發佈、發佈管理及輸出等功能。

StudioLine Web  這個漂亮大方的網頁設計工具也是一個符合「所見即所得」原則的方便軟體,他在同一個單一介面中就整合了建立、編輯修改、網站發佈等功能,也加入了讓網站看來更像專業級站台的所有關聯應用程式和特效工具。
軟體中主要的功能內含能快速的設計互動式專業網站、在設計的過程中給予程式設計師很大的自由度,他也能支援實用的網頁特效,內含建立拼圖式圖形、即時預覽、頁面範本等以及網站發佈。
使用者不需要會任何的 HTML 語法或程式設計經驗,軟體中更有一些意想不到的功能,內含不規則形狀的圖形設計、圖層切換特效、自動上傳同步等,也能將關聯格式檔案進行匯入和匯出,讓大型網站的設計和管理更為順利。


attachments/201012/1654565705.jpg


StudioLineWeb-網站功能的HTML編輯器,其目的是說明使用者建立一個像樣的網站,不用任何其他材料和時間成本。
該產品具有介面友好,讓您的工作沒有直接引用的代碼,所以即使是沒有經驗的使用者使用他們的技能,以最小的努力。
開發人員提供了就業機會,免費的文字和圖形元素在頁面中,實現了存在的綜合圖形編輯器,使用它可以與光柵和向量圖像,運用他們現有的過濾器和效果。
此外,還有豐富的圖書館現成的範本,可以完成地用於未來項目的基礎。

這項計劃結合了所有的應用程式,用於建立,出版和編輯,內含圖像管理和編輯,整合30圖形程式,更應如此。
由於許多現成的範本,你可以建立自己的網站快速,容易比以往任何時候。
除了所有的程式容許你建立自己的Web畫廊圖像。
有一個友好的使用者介面,容許建立一個網站,不會造成任何問題,即使新手使用者!

StudioLineWeb特點:

若要使用編輯器中,使用者不需要任何的HTML知識和其他語系
自由的可能性放置在網頁上的元素
整合圖形編輯器用於處理光柵和向量圖像
在使用範本,可以作為未來項目的基礎
網頁編輯器,這是這個專案的基礎
內建的工具給了一個永久的形式/風格網站
支援建立照片廊,你只是夢想
特殊視覺效果的圖形編輯器
網站管理工具,可以用來管理小型和大型項目
發佈並填寫網站在際網路使用內建的FTP經理人
支援RAW檔案格式

支援的瀏覽器
要檢視網站建立 StudioLine Web訪問者應使用下列其中一種瀏覽器:
IE瀏覽器,版本4.0和更高
Netscape Navigator中,4.0和更高版本
Opera 版本5.0和更高
火狐1.0版和更高
其他W3C DOM層級 2相容的瀏覽器

有什麼新訊息在此版本:
更快的FTP發佈。
提示板集中在螢幕上時,他們內含動作按鈕 - 否則他們是方便停靠在右邊距。
新的時間線瀏覽器過濾器按專輯和子資料夾。


StudioLine Web - functional HTML-editor, which is designed to help the user to create a presentable website, without any additional material and time costs. The product has a friendly interface and allows you to work without direct reference to the code, so even the inexperienced user skills in working with them with minimal effort. The developer has provided opportunity for free placement of text and graphic elements within the page, and realized the existence of an integrated graphics editor, with which you can work with raster and vector images, by applying to them the available filters and effects. Moreover, there is a rich library of ready-made templates that can be successfully used as a basis for future project.

This program combines all applications for creating, publishing and editing, including image management and editing, integrating with 30 graphics programs, and even more so. With many ready-made templates, you can create your website quickly and easily than ever before. In addition to all the program allows you to create your own web gallery of images. Has a friendly user interface, allowing the creation of a website will not cause problems even for novice user!

Features:

To work with the editor, the user does not require any knowledge of HTML and other languages
The possibility of free placement of elements on a Web page
Integrated graphics editor for working with raster and vector images
The use of templates that can serve as a basis for future project
The editor page, which is the basis of this program
Built-in tool for giving a permanent form / style website
Support for creating photo-gallery, which you only dreamed of
Special visual effects for the graphic editor
Site management tool that allows to manage both small and large project
Publish and fill site in the Internet with the built-in FTP-Manager
Support for RAW file format

Supported Browsers
To view web sites created with StudioLine Web visitors should use one of the following browsers:
Internet Explorer, Version 4.0 and higher
Netscape Navigator, Version 4.0 and higher
Opera, Version 5.0 and higher
Firefox, Version 1.0 and higher
Other W3C DOM Level 2 compatible browsers

Whats New in This Release:
Faster FTP publishing.
Hint panels are centered on the screen when they include an action button - otherwise they are conveniently docked on the right margin.
New TimeLine Explorer filters by album and subfolders.

官方下載網址:
http://www.studioline.biz/EN/downloads/web/default.htm
http://www.studioline.biz/?Language=EN&SLFile=Y&File=SingleFile/StudioLine_W3.msi

CSS 樣式語法教學

CSS 樣式語法教學(網站網頁設計密訓基地)
不論是網站架設、網頁設計、購物網站主題布景修改或是部落格網站修改
常常要修改CSS 樣式語法對一般非專業科班畢業的學員來說是非常困難的
大部分的人人是:邊邊學做!(要背CSS 樣式語法嗎?真是無聊又無趣
所以我把CSS 樣式語法完整的資料放在我的網站,以便學員要修改時查閱!
我翻譯的繁體CSS 2.0樣式語法教學課程(網路快速查閱)
連結之網址:

http://visdacom.com/Website_Design/CSS_2/index.html

什麼是CSS樣式表?
CSS是Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。是用於(增強)控制網頁型態並容許將型態內容與網頁內容分離的一種旗標性語系。
如何將樣式表加入您的網頁
你可以用以下三種模式將樣式表加入您的網頁。而最接近目的的型態定義優先權越高。高優先權型態將繼承低優先權型態的未重疊定義但覆蓋重疊的定義。例外請參閱important聲明。
鏈入外部樣式表檔案 (Linking to a Style Sheet)
你可以先建立外部樣式表檔案(.css),然後使用HTML的link對象。示例如下:
<head>
<title>title of article</title>
<link rel=stylesheet href="http://www.dhtmlet.com/rainer.css" type="text/css">
</head>

而在XML中,你應該如下例所示在聲明區中加入:
<? xml-stylesheet type="text/css" href="http://www.dhtmlet.com/rainer.css" ?>>
定義內定型態塊物件 (Embedding a Style Block)
你可以在你的HTML文件的<HTML>和<BODY>旗標之間插入一個<STYLE>...</STYLE>塊對象。 定義模式請參閱樣式表語法。示例如下:
<html>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
<body>
請注意,這裡將style對象的type屬性設定為"text/css",是容許不支援這類型的瀏覽器忽略樣式表單。
內聯定義 (Inline Styles)
內聯定義即是在對象的旗標內使用對象的style屬性定義適用其的樣式表屬性。示例如下:
<p style="margin-left: 0.5in; margin-right:0.5in">這一行被增加了左右的外修改更新<p>
樣式表語法 (CSS Syntax)
Selector { property: value }
參數說明:
Selector -- 選取符
property : value -- 樣式表定義。屬性和屬性值之間用冒號(:)隔開。定義之間用分號(;)隔開
繼承的值 (The ' Inherit ' Value)
每個屬性都有一個特殊的值:Inherit。它的意思是:將父對象的值等同為電腦值得到。這個值通常僅僅是備用的。顯式的聲明它可用來強調。
基於安全考量Xoops2.5.0安裝好後出現警告提示的訊息(如何處理?)

基於安全考量Xoops2.5.0安裝好後出現了以下的訊息

警告提示:基於安全考量,建議將 /var/www/xoops_lib 這個資料夾移到網站根目錄之外!

警告提示:基於安全考量,建議將 /var/www/_xoops_data_ 這個資料夾移到網站根目錄之外!

處理方式與解決方法:
例如Linux主機網站路徑是:/var/www
那就把那兩個目錄移到/var
不移的話至少要改資料夾名稱,不過建議移會比較好!
如何能把xoops_data 移到別的資料夾

attachments/201011/4016146391.jpg

移動後

請修改xoops目錄下的 mainfile.php

修改 移動後的路徑

define('XOOPS_PATH', 'C:/AppServ/www/xoops/xoops_lib');

define('XOOPS_VAR_PATH', 'C:/AppServ/www/xoops/xoops_data');

還要把移動的目錄確認一下它的『可讀可寫』屬性修改正確!
此一變動對網站安全是重大革新的作法,但是對於租用虛擬主機的用戶,就要依賴主機業者的協助
萬一主機業者是國外或是根本無此服務呢?
結論:這就是自己有獨立主機與租用虛擬主機使用上最大的區別
(租人家的主機你有何
主權獨立檔案、資料庫隱私可言?)


在安裝Joomla! 1.5.x的時候,Joomla! 無法安裝預設範例資料解決方法
原本是一直安裝不上去範例資料,都會碰到這一行:

"ERROR: The XML response that was returned from the server cannot be processed"

後來終於找出解決辦法了,就是在這個步驟的時候,不用去修改上傳檔案內的 configuration.php-dist ,
讓configuration.php保持在不可寫入,這樣就可以順利安裝範例資料了。
等到安裝完畢後,再把程式碼手動複製到configuration.php-dist,改名configuration.php,上傳即可。
解決IE6、IE7、IE8、Firefox的瀏覽器CSS相容性問題!

每次調CSS最令人頭痛的就是瀏覽器校正問題,因為每個瀏覽器對CSS的解釋都不太一樣,Firefox本身算是比較照規矩來,處理上比較簡單,但是遇到微軟的IE系列頭就大了,雖然都是IE,但是IE6、IE7、IE8各版本對CSS的解釋又不一樣,就算你本身已經在IE6調整好,但是在IE7看起來又是不一樣,這時我們就得來對各個瀏覽器設定不同的數值來解決版面移位的問題。

網路上有非常多關於CSS Hack的教學文章,當然處理方法也有很多種,接下來要跟大家說明的是屬於比較簡單的方法,但是以下的校正確無法通過W3C檢測,雖然無法通過檢測,但是針對各個瀏覽器校正確是有效的喔!

目前瀏覽器大宗還是屬於IE6的天下,這原因主要是因為XP本身內建IE6,而且很多使用者很喜歡重灌XP,因此IE6仍占走了大半的瀏覽器天下,不過隨著Windows7的出現,倒是有非常大的機會解決過氣的IE6,因為Windows7本身是內建IE8,微軟的IE8對CSS的解釋已經越來越標準,當然標準程度仍是不及Firefox。

另外,如果要處理IE各版本瀏覽器的相容性問題,那一定要有各版本的IE瀏覽器可以瀏覽,但是微軟作業系統內並沒有讓多版本的IE共存,為了讓自己電腦內存在多種版本的IE瀏覽器,那就趕快下載IETester來使用吧!另外,也別忘記下載Firefox來修正網頁CSS喔!

——————————–我是分隔線——————————–
區別IE和Firefox

【辨識符號】:「9」

【範例練習】:

#tip {

background:blue; /*Firefox 背景變藍色*/

background:red 9; /*IE6、IE7、IE8背景變紅色*/

}

【說明】:因為IE瀏覽器看得懂「9」,但是非IE的瀏覽器一律看不懂,因此就可以用這個語法來區分IE和 Firefox(非IE瀏覽器,像是Opera、Google Chrome、Safari等),因此以上CSS範例中,非IE瀏覽器是顯示藍色背景,IE系列瀏覽器是顯示紅色背景。

——————————–我是分隔線——————————–
區別IE6、IE7、IE8、Firefox

【辨識符號】:「9」、「*」、「_」

【範例練習】:

#tip {

background:blue; /*Firefox 背景變藍色*/

background:red 9; /*IE8 背景變紅色*/

*background:black; /*IE7 背景變黑色*/

_background:orange; /*IE6 背景變橘色*/

}

【說明】:因為IE系列瀏覽器可讀「9」,而IE6和IE7可讀「*」(米字號),另外IE6可辨識「_」(底線),因此可以依照順序寫下來,就會讓瀏覽器正確的讀取到自己看得懂得CSS語法,所以就可以有效區分IE各版本和非IE瀏覽器(像是 Firefox、Opera、Google Chrome、Safari等)。

——————————–我是分隔線——————————–
區別IE6、IE7、Firefox (方法 1)

【辨識符號】:「*」、「_」

【範例練習】:

#tip {

background:blue; /*Firefox背景變藍色*/

*background:black; /*IE7 背景變黑色*/

_background:orange; /*IE6 背景變橘色*/

}

【說明】:IE7和IE6可讀「*」(米字號),IE6又可以讀「_」(底線),但是IE7卻無法讀取「_」,至於Firefox(非IE瀏覽器)則完全無法辨識「*」和「_」,因此就可以透過這樣的差異性來區分IE6、IE7、Firefox,

——————————–我是分隔線——————————–
區別IE6、IE7、Firefox (方法 2)

【辨識符號】:「*」、「!important」

【範例練習】:

#tip {

background:blue; /*Firefox 背景變藍色*/

*background:green !important; /*IE7 背景變綠色*/

*background:orange; /*IE6 背景變橘色*/

}

【說明】:IE7可以辨識「*」和「!important」,但是IE6只可以辨識「*」,卻無法辨識「!important」,至於Firefox可以讀取「!important」但不能辨識「*」因此可以透過這樣的差異來有效區隔IE6、IE7、Firefox。
區別IE7、Firefox

【辨識符號】:「*」、「!important」

【範例練習】:

#tip {

background:blue; /*Firefox 背景變藍色*/

*background:green !important; /*IE7 背景變綠色*/

}

【說明】:因為Firefox可以辨識「!important」但卻無法辨識「*」,而IE7則可以同時看懂「*」、「!important」,因此可以兩個辨識符號來區隔IE7和Firefox。

——————————–我是分隔線——————————–
區別IE6、IE7 (方法 1)

【辨識符號】:「*」、「_」

【範例練習】:

#tip {

*background:black; /*IE7 背景變黑色*/

_background:orange; /*IE6 背景變橘色*/

}

【說明】:IE7和IE6都可以辨識「*」(米字號),但IE6可以辨識「_」(底線),IE7卻無法辨識,透過IE7無法讀取「_」的特性就能輕鬆區隔IE6和IE7之間的差異。
區別IE6、IE7 (方法 2)

【辨識符號】:「!important」

【範例練習】:

#tip {

background:black !important; /*IE7 背景變黑色*/

background:orange; /*IE6 背景變橘色*/

}

【說明】:因為IE7可讀取「!important;」但IE6卻不行,而CSS的讀取步驟是從上到下,因此IE6讀取時因無法辨識「!important」而直接跳到下一行讀取CSS,所以背景色會呈現橘色。

——————————–我是分隔線——————————–
區別IE6、Firefox

【辨識符號】:「_」

【範例練習】:

#tip {

background:black; /*Firefox 背景變黑色*/

_background:orange; /*IE6 背景變橘色*/

}

【說明】:因為IE6可以辨識「_」(底線),但是Firefox卻不行,因此可以透過這樣的差異來區隔Firefox和IE6,有效達成CSS hack。

——————————–我是分隔線——————————–

關於IE6、IE7、IE8、Firefox之間的CSS Hack大概是以上那樣,如果有疏漏或是有錯誤還煩請大家指證一下囉!這些CSS Hack是我目前看過比較簡單的處理方式,當然如果你不會很在意CSS是否通過W3C的驗證,你只會在意每個用戶在不同的瀏覽器下閱讀是否可以正常的話,其實以上CSS Hack對你來說是非常好用的,因為這些CSS Hack如果善加利用確實可以正確的解決瀏覽器相容性問題。

以上的CSS Hack參照了以下幾篇文章所整理出來的,感謝以下文章的詳細說明。

* 語法 | IE8正式版hack @ MUKI space*
* 技巧 | 同時KO IE6、7以及火狐 @ MUKI space*
* 關於CSS對各個瀏覽器相容的其他作法 @ 獅子男的VOX

Reference: http://sofree.cc/ie6-ie7-ie8-firefox-css-hack/
本文章引用來至:http://code.yesjimmy.info/?p=223

超連結不停變換彩色的JS代碼

超連結不停變換彩色的JS代碼

超連結不停變換彩色的JS代碼,很漂亮.
使用方法,將下列代碼放到網頁的任意地方就可以了.


<SCRIPT language=JavaScript type=text/javascript>
//超連結不停變換彩色的JS代碼
var rate = 20;
var obj;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
obj.style.color = makeColor();
}
function makeColor()
{
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return clrRGB;
}
// -->
</SCRIPT>

超連結滑鼠放上去閃爍的製作方法

超連結滑鼠放上去閃爍的製作方法

製作方法:
 
var rate = 100;
var obj;
var act = 0;
var elmH = 0;
var elmS = 239;
var elmV = 255;
var clrOrg;
var TimerID;
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (Browser && act != 1) {
obj = event.srcElement;

while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
obj.style.color = makeColor();
}
function makeColor()
{
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return clrRGB;
}



把以上代碼放在文字文件裡,然後儲存為


color.js

上傳到自己的空間

<srcipt src="上傳的空間位址"></script>
本網站架設網頁設計教學基地立志於收集各類網站架設、網頁設計資料及技術教學資訊,便於本人和廣大網友及網友查詢檢索,無論公司或個人認為本站存在侵權內容均可與本站聯繫,任何此類反饋資訊一經查明屬實後,將立即移除!