主頁
WIX服務介紹
WIX進階服務方案
WIX教學
活動及課程
Blog
WIXHK討論區
聯絡我們
More
做了連結的文字怎樣更改顏色
例如: 用mouse 移到連結文字會變另一隻色
不好意思, 基於這裡的原因, 一般頁面沒有辦法做到。但是, 還有其他方法:
1. 嵌入HTML代碼:
<style> a:hover { color: #f6060d; } </style> <a href="https://www.wixhk.com">滑鼠懸浮我會變色</a>
2. 使用開發模式:
export function 文字框ID_click(event) { $w("#文字框ID").text = "你的文字/URL"; } export function 文字框ID_mouseIn(event) { $w('#文字框ID').html = "<h2 style='color:#F43F63; font-family: Helvetica; font-size: 30px'>https://你的連結URL</h2>"; } export function 文字框ID_mouseOut(event) { $w('#文字框ID').html = "<h2 style='color:#006dc7; font-family: Helvetica; font-size: 30px'>你的文字/URL</h2>"; $w("#文字框ID").text = "你的文字/URL"; }
以上"文字框ID"請在屬性面板上可以找到, 其他則可以按照你的要求設定。
請記得在屬性面板加上以上Event Handler
3. 或者, 最簡單就是使用按鈕, 設定連結及文字後, 把按鈕的底色改為透明即可。
以上方法不能在一段文字內改變其中幾個字的互動效果, 必須為一組文字或標題。
#滑鼠懸浮連結的文字會變色
#HoverOverHyperlinkColorChange
不好意思, 基於這裡的原因, 一般頁面沒有辦法做到。但是, 還有其他方法:
1. 嵌入HTML代碼:
<style> a:hover { color: #f6060d; } </style> <a href="https://www.wixhk.com">滑鼠懸浮我會變色</a>
2. 使用開發模式:
export function 文字框ID_click(event) { $w("#文字框ID").text = "你的文字/URL"; } export function 文字框ID_mouseIn(event) { $w('#文字框ID').html = "<h2 style='color:#F43F63; font-family: Helvetica; font-size: 30px'>https://你的連結URL</h2>"; } export function 文字框ID_mouseOut(event) { $w('#文字框ID').html = "<h2 style='color:#006dc7; font-family: Helvetica; font-size: 30px'>你的文字/URL</h2>"; $w("#文字框ID").text = "你的文字/URL"; }
以上"文字框ID"請在屬性面板上可以找到, 其他則可以按照你的要求設定。
請記得在屬性面板加上以上Event Handler
3. 或者, 最簡單就是使用按鈕, 設定連結及文字後, 把按鈕的底色改為透明即可。
以上方法不能在一段文字內改變其中幾個字的互動效果, 必須為一組文字或標題。
#滑鼠懸浮連結的文字會變色
#HoverOverHyperlinkColorChange