如何做出网页下拉文字

发布网友发布时间：2022-04-20 07:10

共4个回答

热心网友时间：2022-04-24 21:47

网上的方法大多是js实现的,但事实上有种很简单的只用css的方法:

将装文字的div的css弄一个overflow:hidden(溢出处理方式为隐藏),然后max-height:xxx(最大长度为xxx),这样只要超过这个长度就会被自动隐藏起来.然后相同的div定义hover的伪类,取消掉max-height的*.
当然,这样只用css的方法是比较笨拙的,用户体验远远达不到js的程度.所以建议最好还是使用js来实现,这样也方便超出长度之后添加一个箭头表示可以下拉.

热心网友时间：2022-04-24 23:05

最佳的实现是这样，你网页上只放一个长度固定的label，超过长度之后出现下拉箭头。在下拉箭头的时候用ajax去取得全部内容，在success的callback方法中创建一个div，将文字全部写入div，设计div的样式，计算显示位置。

实际上你可以参考一下jQuery的tooltip实现。http://flowplayer.org/tools/demos/tooltip/

为了用户体验，多用ajax吧

热心网友时间：2022-04-25 00:39

网站要注意用户体验，这样做用户浏览起来不方便，肯定没前途

热心网友时间：2022-04-25 02:31

不知道什么意思，放textarea里面不久又下啦菜单了嘛