網路城邦▼
上一篇 回創作列表 下一篇   字體:
證實獨一無二的解說 瀏覽738|回應11|推薦36
2006/11/05 21:18:33
<!-- 我用 css 處理了加上 overflow 會發生 display: block 不見的情況,像這樣: -->

【 編 輯 的 話 】

試試看看玩玩 ── 需要 js 程式

1)右邊選單,可分別開閤一串選項!
  點擊選項都開啟在 _new 視窗。

2)每個 feature 可以包含更多選項。
  專欄的種類也可以更多。

3)若右列 LIST 太長,影響到「瀏覽」浮動區塊,可把已看過的某一串「閤起來」而減少困擾。

4)這證實獨一無二所指的問題所在:全部項目開啟的話,滑鼠 hover 跳出來的浮動塊不會完整呈現;雖然看起來是把 overflow 加上去了,但並沒有達到目的 ── 獨一無二「解惑」說得正中核心 ── 但那問題和其中套用的 js 檔沒有什麼關係,那是研習中套給選單的開閤控制碼。
──這種 hover 浮動塊其實只是 Pure CSS Popups 的變體運用罷了,本身毋需 js 檔!但是右側選單開閤所用的函數屬於「複製 js 套用」涉及了別的問題──這算是觸法的唄。





這篇文章是【 滑鼠觸發浮動塊的選項 】研習的延伸
也是對「獨一無二」在城市(須加入 市民)所作解說的實證,那篇解說是:
     【 display: block 和 over flow 二者的不同要求
因為在城市「貼文結果與預覽不符*(註)」所以改貼在此,並於那篇「解惑」文尾作了「引用」以便鏈結。

*註: 關於「貼文結果與預覽不符」的原因:
由於直接拷貝「有問題的」原檔標籤貼入,
是連 js 控制碼和相關的 ID 也照貼,
變成「預覽」的是獨立檔案,而「回應」與「本文」是同個檔案,
造成 ID 重複,導致 js 控制碼失效。
如果我及早發現而改了 ID 名目,這篇就毋需發表在此,可以直接貼在獨一無二所作「解說」的「回應欄」瀏覽了。

( 知識學習隨堂筆記 )
回應 推薦文章 轉寄 列印 加入我的文摘
上一篇 回創作列表 下一篇  

引用
引用網址:http://blog.udn.com/article/trackback.jsp?uid=jannwu&aid=526168
 引用者清單(1)  
2006/11/27 08:19 【參佰捌拾肆】 〝飛揚的心情〞與〝參佰捌拾肆〞的對話。

 回應文章 頁/共 2 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁

阿茜
等級:7
留言加入好友
獨一無二是電腦高手
2007/07/29 21:03

因為獨一無二是電腦高手

所以我才會找他擔任副市長


我的簽名檔
jannwu(jannwu) 於 2007-08-10 22:30 回覆:

你不但自己下工夫,還很有眼光!

你的和獨一無二的城市,是我剛參加聯網部落格時就最想加入的兩個……
你曾把我審查不通過,那是關於視窗的城市,差點使我對找門檻這件事有點失望;
獨一無二「開門揖盗」時,我還在查字典階段──想知道 css 那些字究竟指什麼。
之前闖 msdn liberary 學作網頁,足足弄得一個頭八九個大;
還有什麼 DHTML, XHTML... XML... 真是學海無涯不知何處著手攀岩,
只好都從 0 開始用 notepad 鍵入、拷貝、存參、拆解、自已作……什麼都試過。
後來會了些,但是困於自處一隅式的練功反而像亂槍打鳥總是不著邊際……

登入聯網這些時日,很多人使我備受激勵,越來越想多用功些……
自己覺得在 css 方面終於有點心得,也的確是拜聯網部落格之賜……


流蘇
等級:7
留言加入好友
線上 SecShowHide.js 這東西.
2006/11/27 16:37
流蘇也研究了好久.......真的是一種負擔。。。= =''沒錯沒錯

jannwu
等級:7
留言加入好友
回應流蘇 2006/11/26 14:55 ~ 11/27 09:55 四帖
2006/11/27 15:02
1)拿來當播連環漫畫用
  如果這樣,用你已成功貼在首頁的辦法,會方便得多。因為:那個辦法的 js 控制只要寫在行內就好。而這篇文章的貼法,需要線上 SecShowHide.js 或在檔案裡 embeding js 程式,對貼文貼圖來說也是額外的負擔;更何況你的「自創漫畫」無論如何都要用腦筋想花時間作,採用比較簡單的辦法「減少麻煩」至少省些眼力唄。
2)這id也不能重複ㄛ........= =''
  當然,同名同姓同班的話……
  所以,原則上用「主目錄/次目錄/……」概念,以二位數或三位數的位置,當作「姓氏/輩份/名字」來為 id 命名,既容易辨認也能分門別類減少混淆便於修訂內容。
3)捲軸的高度和圖的高度設定
  我作的那例子是繡花版,用 css 和 a:hover 來製造新的圖塊,本身不算是處理「文章主體」的辦法;你要貼的「漫畫」本身算是文章主體,如果喜歡那型態,建議改用 文章本身【layout 】加右選單 方式,那個模型橫圖直圖無礙,用「頁內錨」作鏈結,處理簡便不傷眼力。
  或許試試「點圖換圖」也不壞用。
4)流蘇發現ㄛ
  那不難解決,加長 div 高度設定即可。如果在網頁裡面開個有捲軸的塊塊放東西,目的是要使不少的內容佔較小的位置,有捲軸的塊塊最大不宜高過視窗吧?
  (有別的方法使「開新的」次目錄時「關其他」,但語法更長……很煩人。)
@( ^ j ^ )@

流蘇
等級:7
留言加入好友
流蘇發現ㄛ
2006/11/27 09:55

如果把所有的小細目打開大約在4以下的圖都會被遮住ㄟ!!!

必須要先將上面的先關掉一些才行。。。。

還有不同的圖檔像是行著看或是直著看的圖不能同時擺在一起嗎?流蘇的第一張圖都拉成長條直式的ㄋㄟ...........



流蘇
等級:7
留言加入好友
還有還有這個問題
2006/11/27 08:45

那個捲軸的高度和圖的高度設定是一樣的ㄋㄟ!!!jann的圖的下面和下面的文字也是一樣會有一些間距,這是不是一定要的???

流蘇最右邊的捲軸不見了,應該是那些HAPPY和part不夠多的關係ㄛ。。。

.....


流蘇
等級:7
留言加入好友
這id也不能重複ㄛ........= =''
2006/11/26 14:57

一定要310、302嗎???她跟後面的11、12和21、22有沒有什麼關聯性?

高興怎麼寫id都行嗎???


流蘇
等級:7
留言加入好友
jann關於這一篇ㄛ,流蘇有問題想請教jann
2006/11/26 14:55

說真的,這篇流蘇每天都讀一些,好不容易也弄懂了一些,但是又好像沒有懂得很透徹ㄟ.....= ='''.......

像這種瀏覽方式,流蘇拿來當播連環漫畫用,可是圖的長寬被限制住了....。還有最前面那一段語法好長.....那一段很難懂......真的。

因為語法太長,訪客簿和留言簿都貼不上去,所以請jann到流蘇家看文順便指導一下哪裡不對ㄛ。



流蘇
等級:7
留言加入好友
.........ㄛ.......
2006/11/20 16:22

之前好像還是可以點出圖來ㄚ!!!!

.....= =.......


流蘇
等級:7
留言加入好友
........※ 貓 ※叫你哥哥ㄛ........
2006/11/17 15:00

..流蘇一直當你是女生.........= =''.........沒關係沒關係!

學習是沒有性別之分的!!!.....這篇也點兒難.........流蘇研究完再提出疑問ㄛ!



jannwu
等級:7
留言加入好友
回應給:※ 貓 ※
2006/11/15 23:10

那是以前做不成功的一個嘗試,因為「獨一無二」解說指出了關鍵所在;所以我想到:那就「換個方法」試試,居然就這樣被我「改改修修弄弄看看」跑了出來。這方式避免落入「不確定的位置」問題,也證實了「獨一無二」解說中所指出的道理。

有看沒懂,沒關係。滑鼠 click 玩玩,覺得開心,比較重要。


@( ^ j ^ )@
頁/共 2 頁  回應文第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁