免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [分享] 帖内回复框从100PX延伸到596px的代码， [打印本頁]
作者: Yenifer    時間: 2013-10-30 08:53     標題: 帖内回复框从100PX延伸到596px的代码，

  1. <style>
  2. #fastpostmessage.txtarea {
  3. width:100px;
  4. height:100px;
  5. transition:width 2s;
  6. -moz-transition:width 2s; /* Firefox 4 */
  7. -webkit-transition:width 2s; /* Safari and Chrome */
  8. -o-transition:width 2s; /* Opera */
  9. }
  10. #fastpostmessage.txtarea:hover
  11. {
  12. width:596px;
  13. }
  14. </style>
複製代碼
头部或者第三方，随便你们


这个截图也不好截图，只能你们自己放在论坛测试了

代码放好请打开帖子到帖子内容页，

然后翻到最下面，有个回复框，鼠标没在上面的时候是100PX的长度

当鼠标放在上面他会慢慢延伸到596PX

代码里的width：100PX 与 width：596PX 是可以修改的
作者: 达人小G    時間: 2013-10-30 10:00

代码放哪里？
作者: hkorz    時間: 2013-10-30 12:22

代码放哪里？
达人小G 發表於 2013-10-30 10:00


三方, 都不好用的...
作者: 章鱼    時間: 2013-10-30 13:07

想法非常不错,不过个人感觉不是特别好看....可以考虑做成高度增加而不是宽度,或者增加一些边框之类的增加效果.
作者: gta-zygx    時間: 2013-10-30 13:41

不错，支持
作者: superman1024    時間: 2013-10-30 14:23

給樓主頂一下唷
作者: Yenifer    時間: 2013-10-30 16:32

本帖最後由 Yenifer 於 2013-10-30 16:35 編輯

回復 4# 章鱼


其实,你不用对这些代码挑剔，

如果有点代码尝试的，都知道

width：596的这段代码

width是宽度，把这个替换成高度的代码 height：596就可以了

何必在意我的高度跟宽度呢，来点实际的   鱼哥


而且这段代码是我在研究CSS3的时候   那个动画章节看见的，发现蛮好玩的，就随便弄了下

这也不是我诚心写的代码，只是我学习的时候，随便写的代码，所以，鱼哥 我这一小时学会CSS，跟你们这些大神没办法比较的

所以，我的思想跟不上你们的节奏，难道你忘记了，我记性差的很，基本上几分钟想的事情，后几分钟就全忘记了
作者: Yenifer    時間: 2013-10-30 16:42

在这里我也声明一下，我记性很差，基本前几分钟想的事情，我后几分钟就忘记了

所以，什么大事我都回笔记记好，就此，我床头柜上，总共有三十几本笔记本

是从什么时候开始写的我忘记了，但是里面记得都是一些对于我来说的大事，

有些会员让我仿的风格 ，  修改代码  修改风格，  如果当时没时间，我都会记在菜鸟基地的研究室里

我特地开的一个帖子，专门写些会员跟我第二天要做的事情

所以，你们懂得
作者: 章鱼    時間: 2013-10-30 17:38

回復 7# Yenifer


   
我不是说有意要挑剔什么的= =只是我比较喜欢这样吐槽,当然可能比较令人难以接受.不过不管是谁的代码,中间大多都是有些不完美之处的,包括我自己的代码.所以说你应该明白我想表达什么了吧.
作者: Yenifer    時間: 2013-10-30 17:41

回復 9# 章鱼


明白，我懂的。



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