[分享] 帖内回复框从100PX延伸到596px的代码，

Yenifer

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

代码放哪里？

hkorz

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

三方, 都不好用的...

章鱼

想法非常不错,不过个人感觉不是特别好看....可以考虑做成高度增加而不是宽度,或者增加一些边框之类的增加效果.

gta-zygx

不错，支持

superman1024

給樓主頂一下唷

Yenifer

回復 4# 章鱼


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

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

width：596的这段代码

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

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


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

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

所以，我的思想跟不上你们的节奏，难道你忘记了，我记性差的很，基本上几分钟想的事情，后几分钟就全忘记了

Yenifer

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

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

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

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

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

所以，你们懂得

章鱼

回復 7# Yenifer


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

Yenifer

回復 9# 章鱼


明白，我懂的。