[闲聊畅谈] 网页高手说说这种浮动框是怎么实现的 [复制链接]
查看:7109 | 回复:22

阿江 · 发表于 2013-7-1 17:13:15

就是一个方框，但边上有个小箭头。
这个框是绝对定位层，位置是可以被JS移动的，
CSS有没有功能直接实现这个小尖？
没有的话大家是如何做出这个效果的？代码要足够简练，并且能支持修改框的大小的。

hl530 · 发表于 2013-7-1 17:16:23

技术帖楼下的来

sowahkhoo · 发表于 2013-7-1 17:16:41

js特效吧

阿江 · 发表于 2013-7-1 17:18:49

sowahkhoo 发表于 2013-7-1 17:16
js特效吧

可能我表达不是太清楚，不是说怎么移动它怎么改变它的大小，
是怎么呈现这样的外观，至于移动位置和改变大小的JS我还是能写出来的。
现在问题是要做成这样的外观，我想到的方案都是要大堆代码的，感觉应该会有一种很简单的方法实现只是我不知道。

hostsir.com · 发表于 2013-7-1 17:21:45

记得有这种现成的表单插件，js+css

残夜留香 · 发表于 2013-7-1 17:25:58

CSS3可以实现“小尖”。这种事还要阿江亲力亲为吗？

阿阿勇 · 发表于 2013-7-1 17:26:29

阿江 · 发表于 2013-7-1 17:31:08

阿阿勇发表于 2013-7-1 17:26
http://www.97zzw.com/jscode/btn/1803.html
http://www.97zzw.com/jscode/btn/1280.html
http://www.97z ...

多谢多谢，前两种是我要的效果，我下载下来看看他是怎么做的。

阿江 · 发表于 2013-7-1 17:31:35

残夜留香发表于 2013-7-1 17:25
CSS3可以实现“小尖”。这种事还要阿江亲力亲为吗？

看来还真得赶紧把CSS3看看，要不就太落伍了。

logo设计专家 · 发表于 2013-7-1 17:34:45

本帖最后由 logo设计专家于 2013-7-1 17:39 编辑

复制代码

箭头图片

这个能兼容所有浏览器,而且能相对自由地控制框的长和宽

用CSS3画箭头或圆角兼容是个问题