Foggy
Foggy ��һ��ģ����ҳ��Ԫ�ص�jQuery�����
��֧��IE��8���������Safari��Chrome�������
The foggy demonstration
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo massa viverra diam pharetra quis dictum mauris bibendum. In eget tortor id risus suscipit facilisis. Duis luctus tortor non sem mollis sodales. Cras et cursus justo. Phasellus vel libero erat, vel mattis justo. Aenean tempor bibendum euismod. Vivamus erat justo, lacinia vitae facilisis quis, luctus sed mauris. Suspendisse lectus dolor, accumsan eu lacinia in, dapibus vitae nunc.
Usage
- Sensible defaults
$('.your-selector').foggy();- Customization
$('.your-selector').foggy({ blurRadius: 2, opacity: 0.8, cssFilterSupport: true });- Disabling
$('.your-selector').foggy(false);
Download
| Version 1.1 | jquery.foggy.min.js | 2012-09-15 |
| Version 1.02 | jquery.foggy.min.js | 2012-09-03 |
����������
FoggyĬ��ʹ�� “-webkit�Ĺ�������ģ��”CSS����
If the browser doesn't support it, Foggy falls back to a manual blur. It makes several copies of the selected HTML element. It adds transparency to all copies and moves each of them by small amount, thus creating the blur effect.
The foggy demo, manual mode
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo massa viverra diam pharetra quis dictum mauris bibendum. In eget tortor id risus suscipit facilisis. Duis luctus tortor non sem mollis sodales. Cras et cursus justo. Phasellus vel libero erat, vel mattis justo. Aenean tempor bibendum euismod. Vivamus erat.
