免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [已回答] 關於這種效果(將鼠標移到文字時會有變化) [打印本頁]

作者: 藍玥清    時間: 2013-10-27 16:20     標題: 關於這種效果(將鼠標移到文字時會有變化)

請問關於這一種效果該怎麼弄呢?用了許多個關鍵字搜索都搜不出來,因此前來發問。總覺得我很不會搜文的說...效果如圖。

未將鼠標移動前:
Image 3.png

已將鼠標移動後:
Image 4.png

因為有好幾個論壇都有這種效果,所以在Sclub一定是有教學的。何耐我找不到,雖然找不到這個效果但卻讓我找到其他代碼。這也算是有收獲吧!
如果需要實質範例的話:
http://lovestories.funbbs.me/index.php

圖片附件: Image 3.png (2013-10-27 16:18, 3.01 KB) / 下載次數 1560
http://utmall.com/discuz/attachment.php?aid=25446&k=91fc9ace187611a0bd25bdf0e6ad65be&t=1732370992&sid=uN8qzN



圖片附件: Image 4.png (2013-10-27 16:18, 6.54 KB) / 下載次數 1557
http://utmall.com/discuz/attachment.php?aid=25447&k=5a274b965af9c411f91282aceefe633e&t=1732370992&sid=uN8qzN


作者: sojh    時間: 2013-10-27 17:34

本帖最後由 sojh 於 2013-10-27 17:35 編輯
  1. <style>
  2. #menu a{webkit-transition:all 0.5s linear 0s;-moz-transition:all 0.5s linear 0s;-o-transition:all 0.1s linear 0s;transition:all 0.5s linear 0s;}
  3. a {
  4.     -moz-transition: all 0.25s linear 0s;
  5.     -webkit-transition: all 0.25s linear;
  6. }
  7. .postbtn, .replybtn {
  8.     -moz-transition: all 0.25s linear 0s;
  9.     -webkit-transition: all 0.25s linear;
  10. }
  11. .postbtn:hover, .replybtn:hover {
  12.     box-shadow: 0 0 10px #999;
  13. }
  14. a:hover, a:visited:hover {
  15.     text-shadow: 0 0 3px #585858;
  16. }
  17. a:hover {
  18.     text-decoration: underline;
  19. }
  20. a {
  21.     -moz-transition: all 0.25s linear 0s;
  22.     -webkit-transition: all 0.25s linear;
  23. }
  24. a{TEXT-DECORATION:none!important}
  25. </style>
複製代碼
放第三方
作者: 藍玥清    時間: 2013-10-27 18:03

放第三方
sojh 發表於 2013-10-27 17:34



    謝謝!
作者: gta-zygx    時間: 2013-10-27 18:31

之前我见过一个更全的,还有其他特效
作者: 藍玥清    時間: 2013-10-27 18:37

之前我见过一个更全的,还有其他特效
gta-zygx 發表於 2013-10-27 18:31



    只能說相見恨晚啊,不過倒是還蠻好奇其他特效的說。另外偷偷問一下,親你家論壇是用哪個免空的啊?感覺不錯呢!
作者: gta-zygx    時間: 2013-10-27 20:58

回復 5# 藍玥清


    我用的是沃空间
作者: bossll    時間: 2013-11-2 19:05

回復 1# 藍玥清


    你好!
請參考2樓會員正確解說
謝謝
作者: green1121    時間: 2014-7-9 18:56

感謝分享代碼
正需要這個




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://utmall.com/discuz/) Powered by Discuz! 7.2