免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
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://weclub.info/discuz/attachment.php?aid=25446&k=bf3ba5bd24ee1a60002e3b0c46e37b75&t=1732383535&sid=T2rTfo



圖片附件: Image 4.png (2013-10-27 16:18, 6.54 KB) / 下載次數 1559
http://weclub.info/discuz/attachment.php?aid=25447&k=a96ad57ca3635637a99db44c16f88824&t=1732383535&sid=T2rTfo

作者: 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://weclub.info/discuz/) Powered by Discuz! 7.2