参考了天猫、微博等网站的做法,用纯html和css实现,效果还是不错的。以下是成果,兼容主流浏览器,包括ie6。?用css做的提示盒子,上三角是纯css,盒子圆角用到css3用css做的提示盒子,上三角是纯css,盒子圆角用到css3
分类:
Web程序 时间:
2015-02-27 15:10:08
阅读次数:
169
这个代码当然要属于CSS布局的范畴了,能写出这种效果,我真的了羡慕作者啊,用CSS写出这么多形状不同的“三角形”,着实不容易,有些思路是把某些Div边框透明掉就可以模拟三角形了,注意ie6下透明的边要是dotted或dashed。边框的处理值得学习。...
分类:
Web程序 时间:
2015-02-26 13:28:18
阅读次数:
151
本文转载自:http://www.jb51.net/css/97112.html CSS 箭头Demo CSS 箭头Demo 以下代码.是极好的纯 CSS 箭头样式,不使用背景图! 向上的箭头 向下的箭头 ...
分类:
Web程序 时间:
2015-02-25 23:41:02
阅读次数:
262
这是一款非常实用的jQuery滑动按钮插件。该滑动按钮插件可以将input元素转换为滑动按钮样式。插件中使用javascript来控制滑动按钮的滑动,样式使用纯CSS来制作。
该jQuery滑动按钮插件可以在支持jQuery 2的浏览器上工作,IE6-8不支持该插件。
IE9不支持CSS transitions,在IE9上不会有动画效果。
该滑动按钮支持Pointer、触摸屏和鼠标点击。
...
分类:
移动开发 时间:
2015-02-25 15:42:42
阅读次数:
153
CSS实现的对话框特效,纯CSS实现的,不是CSS3,因此兼容性还是相当不错的。你在网页上可以使用一些这样的框框,比较个性。通过本代码您还可以掌握一些CSS的相对定位、绝对定位的相关技巧。...
分类:
Web程序 时间:
2015-02-24 15:13:05
阅读次数:
132
如何用 border 来制作三角。html 代码如下:代码如下: css 代码如下:代码如下:.arrow-up {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;.....
分类:
Web程序 时间:
2015-02-20 18:34:14
阅读次数:
188
最近有一个需求,需要让textarea宽度不变,但是高度随着用户的输入高度自适应。由于浏览器版本的不兼容,很多方法通常只能在一个浏览器中起作用。
下面我写了一个小的demo,可以在chrome 和 ie8下正常使用,其他浏览器没有测试过。
通过两个方式实现,分别是js 和纯css...
分类:
其他好文 时间:
2015-02-16 22:13:41
阅读次数:
289
这种效果的警告框,出错了会抖动
.alert-box {
width: 400px;
border-style: outset;
position: relative;
color:#555;
border-radius:10px;
font-family:Tahoma,Gene...
分类:
Web程序 时间:
2015-02-15 20:39:17
阅读次数:
833
原原文地址:http://www.w3cplus.com/code/303.html原文地址:http://blog.csdn.net/dyllove98/article/details/8967012以前写过一篇纯CSS制作带三角的边框,那篇文章是用HTML特殊字符来制作三角的,今天介绍下,如何用...
分类:
Web程序 时间:
2015-02-15 18:04:13
阅读次数:
140
纯CSS实现圆角效果 1 没有图片纯CSS实现圆角
分类:
Web程序 时间:
2015-02-13 18:21:38
阅读次数:
152