刘项吧 关注:46贴子:1,649
  • 26回复贴,共1

二轮求助帖

只看楼主收藏回复

一楼召唤项哥 @lexdene


1楼2013-02-03 22:09回复
    二楼说事啊
    嗯,跟着学长做一个项目,很坑爹的成了做网页的,让我学JS
    之前也没怎么学过啊,于是硬着头皮上吧,目测现在大约学了半个月了
    半个月学的凑合,但是一些特效什么的我还是做不出来
    然后,今天有个任务来了
    因为项目是做一个类似于人人的社交产品
    所以,有些界面就先做仿的

    先得研究一下这个家伙
    就是点击发状态 然后弹出个textarea,下面还有@、表情、字数
    还有几项特效,比如说鼠标滑过@、笑脸时候字符变色啊,比如字数在变啊
    然后现在就有点懵了


    2楼2013-02-03 22:15
    回复

      1.那个特效到底是用什么实现的呢?
      2.看了网页的源码,只能找到这样的几段

      但是,这不只是Class么,双击所产生的事件或者元素的动作的代码在哪了?
      3.能研究明白怎么产生的那个TEXTAREA和那几个特效就够了
      至于什么如何上传、如何发布这就不是我的活儿了
      4.项叔,帮帮我吧
      给我讲讲是怎么实现的


      3楼2013-02-03 22:19
      回复
        1、弹出textarea,我能想到的最简单的方法是用jQuery直接在元素后面insert进去一个textarea。


        IP属地:北京4楼2013-02-04 08:30
        回复
          2、鼠标滑过时变颜色,是用css实现的。css有个伪属性叫hover。


          IP属地:北京5楼2013-02-04 08:31
          回复
            3、用jQuery插入元素:
            http://www.w3school.com.cn/jquery/jquery_dom_add.asp


            IP属地:北京6楼2013-02-04 08:32
            回复
              4、css的hover:
              http://www.w3school.com.cn/css/pr_pseudo_focus.asp


              IP属地:北京7楼2013-02-04 08:33
              回复
                楼上发错了。
                这个才是hover:
                http://www.w3school.com.cn/css/pr_pseudo_hover.asp


                IP属地:北京8楼2013-02-04 08:34
                回复
                  全文完。


                  IP属地:北京9楼2013-02-04 08:34
                  收起回复
                    昨晚睡的早。
                    十点就睡了。


                    IP属地:北京10楼2013-02-04 08:39
                    回复
                      在标签上有个class="at-button"的class。
                      在css文件中使用:hover实现鼠标停在上面的效果:
                      第一个是鼠标没在上面的效果:
                      .status-global-publisher .at-button {
                      background-position: -122px -96px;
                      }
                      第二个是hover,鼠标停在上面的效果:
                      .status-global-publisher .at-button:hover {
                      background-position: -122px -113px;
                      }
                      人人为了节省tcp连接次数,提高效率,
                      将许多小图连成一张大图。
                      然后用background-position控制显示内容。


                      IP属地:北京11楼2013-02-04 09:29
                      收起回复
                        关于发状态的输入框,
                        当点击的时候,
                        发生了两件事。
                        第一,改变了输入框的样式。
                        第二,在输入框后面insert了好多元素。


                        IP属地:北京12楼2013-02-04 09:36
                        回复
                          怎么样了?


                          IP属地:北京13楼2013-02-04 20:23
                          回复
                            围观二轮大牛


                            IP属地:浙江来自Android客户端14楼2013-02-06 17:28
                            收起回复