每天一个JavaScript实例-点击图片显示大图
img{padding:5px;width:100px;height:auto;}
#outer{
width:100%;
height:100%;
}
.overlay{
background-color:#000;
opacity: .7;
filter:alpha(opacity=70);
position...
分类:
编程语言 时间:
2014-10-27 17:48:10
阅读次数:
185
$('.fanye').children('a').animate({ opacity: "show" }, "slow");
分类:
其他好文 时间:
2014-10-27 14:16:31
阅读次数:
186
这章展示事件例子。下图是官方API的事件:例子:var butt1 = paper.set(); var a1 = paper.circle(24.833, 26.917, 26.667).attr({fill: "#fff", opacity: 0}); var a2 ...
分类:
编程语言 时间:
2014-10-25 01:55:58
阅读次数:
234
.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}UPDATE: I wanted to pull this post out...
分类:
Web程序 时间:
2014-10-24 15:59:58
阅读次数:
212
在Firefox, Safari, Chrome和Opera下的CSS透明度#myElement {opacity: .7;}IE下的CSS透明度IE下照旧有别于其他浏览器,并且目前也有三个不同版本的IE在广泛使用,透明度设置是不同的,有时需要额外的CSS来控制:#myElement {filter...
分类:
编程语言 时间:
2014-10-20 15:05:39
阅读次数:
231
color:设置文本颜色(IE8不支持)opacity:设置元素透明度(数值在0.0~1.0,IE8下可写为filter:alpha(opacity=50){其中数值为0~100})
分类:
Web程序 时间:
2014-10-20 08:38:33
阅读次数:
181
IE:外层filter,内层position:relative或absolute。FF:外层不使用opacity,而用background:rgba()。[html]view plaincopyNewDocument图层背景半透明,字体颜色也半透明图层背景半透明,字体颜色不半透明
分类:
Web程序 时间:
2014-10-13 18:24:11
阅读次数:
254
优秀的前端工程师总是优先考虑用CSS替代图片:效果图如上。这个动画并非GIF,而是纯CSS绘制,通过JavaScript定时器更新动画。基本思路是创建8个圆形div,绝对定位排列成圆圈,然后,依次通过opacity属性更新透明度,就得到一个loading的效果图。和GIF相比,CSS实现的好处主要在...
分类:
Web程序 时间:
2014-10-10 15:12:40
阅读次数:
260
3.2 把Page Item和Marker Item绑定
之前我们实现了PagePanel组件, 使用了三个state来切换Page组件的opacity属性; 这一步我们会使用Marker和MarkerPanel组件来实现页面导航;
在原型阶段, MarkerPanel组件十分简单, 没有任何功能; 它使用了Repeater类型来产生三个QML Item以及Marker组件作...
分类:
其他好文 时间:
2014-10-09 14:53:46
阅读次数:
356
今天做项目要用到一个层背景透明,层上的内容不透明的效果结果网上找了半天,没一个靠谱的,最后倒是被一句话点醒了:纸烧了,纸上面的字也会没了所以,要设2层遮罩层,看代码: .dialog_1//内容层 { z-index: 9999999; position: absolute; background-...
分类:
Web程序 时间:
2014-10-08 16:27:35
阅读次数:
294