易截截图软件、单文件、免安装、纯绿色、仅160KB

jQuery:CSS阴影对话框

jQuery插件: jquery.widget.shadowbox.js
/**
* 一个简单的设置DIV阴影的插件
*
* 功能:
* 1. 根据阴影宽度自动调整外层容器宽度,以及透明度
* 2. 可定义ShadowBox的宽度和高度
* 3. 可用CSS样式表定义可视化样式
*
* @author joe.he <developerworks@163.com>
* @copyright irgs.cn
*/
(function(jQuery) {
jQuery.fn.shadowbox = function(settings) {

var self = this;
// 默认设置
var defaults = {
shodowWidth: 20,
css: {
outer: 'widget-shadowbox-outer',
shadow: 'widget-shadowbox-shadow',
}
};
if (settings)
jQuery.extend(defaults, settings);

// 设置阴影层的CSS样式
var shadow = jQuery("<div>")
.addClass(defaults.css.shadow) // 关联一个CSS样式规则,可以自定义阴影样式
.width(self.width())
.height(self.height())
.css({
marginTop:defaults.shodowWidth+"px",
marginLeft:defaults.shodowWidth+"px",
zIndex:-100,
position: "absolute"
});
var outer = jQuery("<div>")
.addClass(defaults.css.outer)
.width(self.outerWidth()+defaults.shodowWidth)
.height(self.outerHeight()+defaults.shodowWidth)
.css({
position: "absolute",
zIndex:999
});
this.prepend(shadow).wrap(outer.get());

// 返回jQuery对象用户链式调用
return this;

};
})(jQuery);

HTML页面: jquery.widget.shadowbox.html
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<mce:script type="text/javascript" src="jquery.js" mce_src="jquery.js"></mce:script>
<mce:script type="text/javascript" src="jquery.widgets.shadowbo


相关文档:

IE7 CSS trouble

When you meet trouble with css style in IE7, try this. You can set different css for IE7 and the other browsers.
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/home_c_ie7.css" mce_href="home_c_ie7.css" />
<![endif]-->
......

css+div和table+css的比较

css+div和table+css的比较
 
 CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。
 
CSS+DIV网站设计的优势
 
首先,CSS的 ......

怎么让input里的text和button使用不同的css样式


当你看到<input>这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?……对,对,对,它们都对。也许你可能想不到,这个小小的input竟然可以创造出10个不同的东西,下面是个列表,看看,哪些是你没有想到的:
<input type="text" /> 文本框
<input type="p ......

Css数据图表


Data visualization is mostly achieved with flash applications or
with help of some programming languages. Are those solutions the only
way to present, let's say simple data chart? How about giving it a try
with nothing but good ol' css?
Take a look at the Demo
| Download Css Chart
Approach ......

css 设置好TD 同时存在treeview与gridview的时候

让treeview不显示td网格线 gridview显示网格线
HTML 
<style type="text/css">
        TD
        {
            font-size: 9pt;
       ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号