免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[分享] 帖内回复框从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 是可以修改的

代码放哪里?
欢迎来我Q群玩耍,群号159218504,群号没有错哦

TOP

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


三方, 都不好用的...

TOP

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

TOP

不错,支持

TOP

給樓主頂一下唷

TOP

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

回復 4# 章鱼


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

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

width:596的这段代码

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

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


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

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

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

TOP

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

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

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

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

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

所以,你们懂得

TOP

回復 7# Yenifer


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

TOP

回復 9# 章鱼


明白,我懂的。

TOP

返回列表