TA的每日心情 | 开心
2018-8-8 03:13 |
|---|
签到天数: 1 天 [LV.1]初来乍到
|
本帖最后由 喬治兄 于 2021-11-25 21:26 编辑 # _$ r' \% s# p% o1 K
N7 ^, `9 ~- E0 v: k4 \
請賜教..如何在一個詞條下切換3個 highlight 位置
& y& u. M i- p/ I; |6 W: `/ w {請各位技術先進不吝賜教....Thanks a lot 
1 U7 F4 l9 @ _0 i/ i# o1 r1 v一個粗略想法，是設計3個按鈕，每一個按鈕分別 highlight 不同位置，但似乎會和之前的highlight 的位置會有重疊，除非設計成3個詞條，但個人比較想要的是在一個詞條內可以實現，有請網友們指點迷津....謝謝啦！0 z. |/ A; i' z w# h! K$ z0 N
6 d4 n, h0 Q9 i% u% U附圖解釋如下：6 l- [) q# N e7 p7 A. t- Q
目前的 highlight 位置stomach為第一個圖的中間中間較深黃色的那個鐘形曲線的區域，很顯然的并無全部覆蓋其它可能的區域，若要一次包函3個鐘形曲線的區域，怕又過大，顯然如此的 highlight 並不是很好，故想再増加其兩個鐘形曲線所函蓋的區域來處理有些平均值差異較大的分部做為 highlight 的調整位置
( {) e. F4 Y$ c! d+ O* A0 P& S
! Q& y2 ~7 Y& A- Z* \" P4 L做為調整其定位上差異較大的頁面或各別的單字的 highlight 位置，目前所放的 highlight 的位置為中間較深黃色的鐘形區域的範圍，若碰上各別的標準異差較大，或平均值差異較大時，往往沒匡到，想弄増加其左右的鐘形曲線的區域來 highlight 另外兩個位置點，但希望是在同一個詞頭下完成的，若是每個詞頭要在増加2個詞頭似乎有點累贅，不知 css or html or js 可有簡單一點的處理方法，其主要的目地也就想尋求一個簡易的 css html js 切換 highlight 的模式% t& M& h o7 B0 g1 R4 V# z
) U: y6 O( y" f, `$ P/ w, j5 A
目前想到的方法:0 s2 i* l9 L* T/ o( X6 [7 d+ n
+ Y7 Q, u9 i/ n0 L8 L! thttps://www.w3schools.com/cssref ... =trycss3_transition
8 M% L5 F& t3 Y8 C: D
9 k' r0 U9 m, p6 ~1 \1 q( X7 ~ ]1. 目前找到了一個是 transition 的應用，但這樣最多也只能是兩個位置，還缺一個不知如何解決# ^4 Z4 g5 J* F4 X) s1 T2 H
0 I3 }2 G( u- X4 @
2. 用 js 去切換 css 的 class 的方法.....不會 js .....可否提供一個實例照抄既可用的…謝謝啦！0 v& L/ g8 _" g; E) `9 l0 `
9 }" [5 F, p* v( @: o- G/ v div class="HW_L" div class="HW_M" div class="HW_R"
. u4 @- i" ?5 |& \; ~
5 p) a! ~/ Y7 Z4 N! A# j HW_L, HW_M, HW_R ....類似三個 class 的切換
4 o+ p+ ~1 m" [; H$ T
1 V% l% G: i& Q' b. O0 G { 也就是設計 3 個按鈕，每一個按鈕都必需 activate 其中一個的 class , off 其余的兩個 class ，這樣的概念5 P C/ N( V, h. i, K
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看，没有账号？免费注册
x
|
发表于 2021-11-21 19:53:01
楼主
