Web前端(HTML/CSS)
文章平均质量分 78
LearnShare
weibo.com/learnshare
展开
-
【HUI】triangles in css2(使用css2制作各种三角形及组合图形)
文章来自LearnShare,转载请注明。 三角形及各种组合图形是web前端经常用到的图形,利用css2的边框属性即可制作多种三角形,大大减少了设计师和前端的工作量。 边看 demo,边解释一下原理: 使用四种颜色的边框 HTML代码: <!-- * Widget: HUI.ToolTips.CSSTriangle.demo * Version: 0.1原创 2012-12-13 22:22:14 · 2481 阅读 · 0 评论 -
【HUI】AccordionMenu 手风琴菜单(基于jQuery)
文章来自LearnShare,转载请注明。 分享自己写的基于jQuery的手风琴菜单,包括横向和纵向两种,会不断丰富它的功能,方便自己和大家使用。 Updates: ———————————————————————————————————————————————————————————— @2012-12-12 version 0.3 加入了可选的菜单行为互斥,原创 2012-12-05 14:33:38 · 1971 阅读 · 0 评论 -
【去广告插件】for weibo V4 V5,renren
文章来自LearnShare,转载请注明。 Updates: ———————————————————————————————————————————————————————————— @2012-12-26 19:43 for weibo.com V5 v0.2 + 增加了“微博推广”内容的屏蔽功能; \ 直接屏蔽发表框顶部所有内容,以解决发表框失去焦点后原创 2012-12-08 17:00:26 · 1477 阅读 · 0 评论 -
【HUI】Tooltip(提示组件)——3.Tooltip in CSS2(demo完整效果)
文章来自LearnShare,转载请注明。 本文是【HUI】Tooltip(提示组件) 系列文章之一,请关注本系列的 更新。 上一篇文章中讲到了Tooltip的HTML 结构优化版本,本文中,我们添加几行样式,让Tooltip响应鼠标的hover效果。 引用 W3school CSS:hover: :hover 伪类在鼠标移到元素原创 2012-12-25 20:27:06 · 1308 阅读 · 0 评论 -
【HUI】Tooltip(提示组件)——2.Tooltip in CSS2(优化方案)
文章来自LearnShare,转载请注明。 本文是【HUI】Tooltip(提示组件) 系列文章之一,请关注本系列的 更新。 末日前的 【HUI】Tooltip(提示组件)[demo0] 这篇文章讲到了使用css2制作Tooltip的提示气泡,气泡使用了如下的HTML结构: content 这段代码对于Tooltip组件来说是过于复杂的,所原创 2012-12-25 19:30:02 · 1177 阅读 · 0 评论 -
【HUI】Tooltip(提示组件)——1.Tooltip in CSS2[demo0]
文章来自LearnShare,转载请注明。 本文是【HUI】Tooltip(提示组件) 系列文章之一,请关注本系列的 更新。 上周的 【HUI】triangles in css2 这篇文章讲到了使用css2制作各种三角形及组合图形的方法,现在我们就用这些方法用HTML和CSS 2来制作一个 Tooltip(提示组件)。 Tooltip是图形界面中常见的提示型组原创 2012-12-19 15:18:08 · 1529 阅读 · 0 评论