LongSheng | Page 396

如何使用 CSS3 创建酷炫十足的按钮创建按钮, CSS3CSS3, 创建按钮Web 设计, 按钮

注意本主题受 ZURB.com 上的这篇博客文章的启发并针对 Windows Internet Explorer 9 进行了优化。利用层叠样式表 (CSS)，级别 3 (CSS3) 和 Internet Explorer 9，只需少量几个标记，您就可以创建外观非常吸引人的按钮。本主题演示如何完全利用层叠样式表 (CSS) 将简单的超链接转换为时髦的按钮。本主题包含以下几节：起点添加圆角添加阴影添加透明渐变叠加作为数据 URI 添加透明渐变叠加汇总相关主题本主题包括以下 CSS3 功能：使用 border-radius 属性的圆角使用 box-shadow 属性的阴影 RGBA 颜色值本主题还包括首次在 Windows Internet Explorer 8 中引入的以下功能：数据统一资源标识符 (URI) 透明可移植网络图形 (PNG) 起点在本主题中，我们使用如何使用 CSS3 添加圆角框中的同一咖啡公司示例。我们会将棕色订单信息水平栏中每个产品描述后的“Order Now!”超链接变成一个按钮。该订单信息栏当前如下所示：此规则由以下类选择器定义：复制

1	.product_orderinfo { text-align: right; display: block; padding: 5px; font-size: 11px; font-weight: bold; color: white; background-color: #996633;}

首先，让我们将“Order Now!”超链接变成一个基本的矩形按钮。为了很好地与其他设计部分进行对比，让我们将此按钮设为蓝色。我们还将增加订单信息栏的高度，以便容纳更大的按钮。基本按钮的 CSS 如下所示。（已声明此选择器，以便具有 product_orderinfo 类的元素中的任何 a 元素都会应用所列的声明。这将确保此选择器只应用于订单信息栏中的“Order Now!”按钮。）复制

1	.product_orderinfo a { color: white; display: inline-block; padding: 5px 10px; text-decoration: none font-weight: bold; margin: 3px; background: #000099;}

这将使订单信息栏如以下图像所示：我们还将添加以下选择器，以便当光标悬停在此按钮上时使其变成棕色：复制

1	.product_orderinfo a:hover { background: #663300;}

这将使得当光标悬停在此按钮上时它会如下所示：可以查看修订过的页面。还可以下载它的 […]

龙生 30 Sep 2011

View Details

如何使用 CSS3 添加投影添加投影, CSS3CSS3, 投影

如何使用 CSS3 添加投影添加投影, CSS3CSS3, 投影本主题向您演示如何使用 Windows Internet Explorer 9 和层叠样式表 (CSS)，级别 3 (CSS3) 向布局元素的外部或内部添加投影。您甚至可以为您使用 Internet Explorer 9 中新提供的圆角支持创建的圆角曲线添加阴影。本主题包含下列部分：方框阴影选项和语法创建基本投影使用投影创建“发光”效果创建内部投影使用其他浏览器创建投影汇总使用旧版 Internet Explorer 创建投影相关主题方框阴影选项和语法投影是由 box-shadow 属性启用的。像圆角一样，Internet Explorer 9 中的投影功能非常强大；您有多个可以指定的选项。 box-shadow 属性中值的顺序如下：复制

1	box-shadow: hoff voff bd sd color inset;

此处，hoff 指示水平偏移，voff 指示垂直偏移，bd 指示模糊距离，sd 指示扩散距离，color 指示阴影颜色，而 inset 是一个关键字，使用时指示阴影为内部阴影，而不是外部阴影。前两个值是属性工作所必需的值，所有值都必须按照列出的顺序指定。如果未指定颜色，则 Internet Explorer 9 使用黑色作为阴影颜色。此处定义了每个值： horizontal offset 此长度值是必需的。它指定阴影向右（正值）或向左（负值）延伸的距离。有关视觉解释，请参阅以下图示；hoff 指示水平偏移，设置为 20 像素。 vertical offset 此长度值是必需的。它指定阴影向下（正值）或向上（负值）延伸的距离。有关视觉解释，请参阅以下图示；voff 指示垂直偏移，设置为 20 像素。 blur distance 此正长度值指示阴影边缘的模糊程度，即模糊起点和终点之间大约的距离。值越高越模糊。有关视觉解释，请参阅以下图示；bd 指示模糊距离，设置为 30 像素。 spread distance 此长度值指示阴影形状在各个方向扩展（正值）或收缩（负值）的程度。此值表示阴影在各个方向将延伸超过原始图形尺寸的距离。有关视觉解释，请参阅以下图示；sd […]

龙生 30 Sep 2011

View Details

如何使用 CSS3 添加圆角圆角文本框, 圆

通过使用层叠样式表 (CSS)，级别 3 (CSS3) 为布局元素生成圆角，可以美化网站的外观。本主题演示了通过使用 Windows Internet Explorer 9 中的新圆角内置支持让您的网站布局更具吸引力的几个基本方法。它包含以下几部分：起点生成全部相同的圆角分别生成多个圆角使用椭圆生成圆角使用其他浏览器生成圆角汇总使用早期版本的 Internet Explorer 生成圆角相关主题起点对于本主题中描述的任务，我们从最基本的网页开始操作。该页是一家虚拟的咖啡公司的网页，其中包括一些 HTML、一些层叠样式表 (CSS) 和几个图像。可以查看并下载 HTML 和 CSS。下面的屏幕快照显示了初始网页。要点在创建您自己的网页以利用 Internet Explorer 9 中引入的新 Web 标准支持时，请确保在页面顶部包括以下 !DOCTYPE 指令：复制

1	<!DOCTYPE html>

这将确保 Internet Explorer 9 使用最新的标准支持在“Internet Explorer 9 标准模式”中呈现您的页面。有关详细信息，请参阅定义文档兼容性。与许多其他布局一样，在此布局中，框有助于以可视方式分隔内容，并提供视觉吸引力。同样，此布局完全是平直的。不过，可利用 Internet Explorer 9 和 CSS3 为这些框生成圆角。 Internet Explorer 9 中使用 CSS3 生成的圆角非常可靠，并且这些圆角有很多种可能的组合。在本主题中，我们将重点说明示例布局的三个区域，如下图中的突出显示部分所示：咖啡豆缩略图图像的边框（由 product_thumb 类选择器定义）靠页面右侧的边栏（由 sidebar ID 选择器定义）靠页面顶部和底部的黄色标题带区（由 header 和 footer ID 选择器定义）生成全部相同的圆角我们将从咖啡豆缩略图开始操作，为其提供略微平滑的角。若要为框生成全部相同的圆角，请为 border-radius 属性指定一个值。 […]

龙生 30 Sep 2011

View Details

div 实现长英文字母自动换行CSS

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法最佳CSS定义换行代码 .wrap { table-layout:fixed; word-break: break-all; overflow:hidden; } 这里 overflow:hidden;或者 auto；

龙生 27 Sep 2011

View Details

英文数字、月份和星期

1 one2 two3 three4 four5 five6 six7 seven8 eight9 nine10 ten11 eleven12 twelve13 thirteen14 fourteen15 fifteen16 sixteen17 seventeen18 eighteen19 nineteen20 twenty21 twenty-one22 twenty-two23 twenty-three30 thirty32 thirty-two40 forty50 fifty60 sixty70 seventy80 eighty90 ninety100 one hundredJanuary n.一月February n.二月March n.三月April n.四月May n.五月June n.六月July n.七月August n.八月September n.九月October n.十月November n.十一月December n.十二月星期一 Monday星期二 Tuesday三 Wednesday四 Thursday五 Friday六Saturday日Sunday

龙生 27 Sep 2011

View Details

浅析WPF与Silverlight的关键区别

本文将讨论的是WPF与Silverlight的关键区别，希望本文能对大家更好的了解这两者有所帮助。 Silverlight刚诞生时，很多人只是简单的理解它为Flash的竞争对手。但是随着微软的进一步工作，Silverlight的应用范围越来越广泛，甚至很多人将它与WPF混为一谈。本文将为大家细细道来。当WPF和Silverlight越来越受到.NET开发人员重视的时候，两者间的界限也越来越模糊。回顾六月，Wintellect发布了鲜为人知但极其重要的“微软WPF和Silverlight之异同白皮书”。我们建议GUI开发人员要通读全部69页，我们会列出主要的观点及其对相关业务范围开发人员的影响。依赖关系属性是两个平台的重要组成部分，使用PropertyMetadata可代替普通字段来保存属性。Silverlight仅提供了该类，而WPF却有若干子类型可用。 UIPropertyMetadata添加了一个标识符，用于决定“在使用了元数据实例的地方，是否应该禁播依赖关系属性的动画” FrameworkPropertyMetadata添加一个标识符来指示影响管道的那些属性，包括控制管理、测量和呈现。它也可用于指示属性是否允许数据绑定以及默认的类型。由于Silverlight不支持该类，因此所有的数据绑定在默认情况下都是单向的。 Silverlight不支持隧道事件。两个平台都支持Direct事件和Bubbling事件。 WPF支持多种类型的触发器。一个简单的触发器附加到依赖关系属性后，当触发器条件满足的时候便会自动修改样式。除了简单触发器以外，WPF也支持可响应路由事件或使用数据绑定的触发器。 Silverlight使用视觉状态管理器代替触发器。WPF当前并不提供该技术，但会在WPF 4.0中添加。 Silverlight仅支持若干标记扩展。除了通用的StaticResource、Binding和TemplateBinding扩展以外，WPF还添加了DynamicResource、RelativeSource、x:Type、x:Static和x:Array。有很多键盘和鼠标事件仅在WPF中可用。由于为数众多的关系，我们稍后会列出完整列表。关于UIElement类和IInputElement接口。当某个控件被禁用的时候，WPF使用它们来禁用所有的子控件。Silverlight不提供这种功能，所以开发人员不得不手动遍历控件树。在通信方面，Silverlight仅限于BasicHttpBinding和PollingDuplexHttpBinding。当然，WPF支持所有的绑定。最后，打印功能在两者之间也完全不同。WPF可直接打印可视化树而Silverlight则依赖浏览器实现。

龙生 11 Sep 2011

View Details

SET IDENTITY_INSERT　学习心得

想要将值插入到自动编号（或者说是标识列，IDENTITY）中去，需要设定　SET IDENTITY_INSERT 示例： 1.首先建立一个有标识列的表：CREATE TABLE products (id int IDENTITY PRIMARY KEY, product varchar(40)) 2.尝试在表中做以下操作：INSERT INTO products (id, product) VALUES(3, 'garden shovel') 结果会导致错误：“当 IDENTITY_INSERT 设置为 OFF 时，不能向表 'products' 中的标识列插入显式值。” 3.改用：SET IDENTITY_INSERT products ONINSERT INTO products (id, product) VALUES(1, 'garden shovel') 返回正确。 4.建立另外一个表products2，尝试相同插入操作：CREATE TABLE products2 (id int IDENTITY PRIMARY KEY, product varchar(40)) 然后执行：SET IDENTITY_INSERT products2 ONINSERT INTO products2 (id, product) VALUES(1, 'garden shovel') 导致错误：“表 'material.dbo.products' 的 IDENTITY_INSERT 已经为 ON。无法对表 'products2' 执行 SET 操作。” 改为执行：SET IDENTITY_INSERT products OFFSET IDENTITY_INSERT products2 ONINSERT INTO products2 (id, product) VALUES(2, 'garden shovel') 执行通过。 5.尝试以下操作：SET IDENTITY_INSERT […]

龙生 05 Aug 2011

View Details

文件管理系统

一、准备知识点： 1.对文件操作，先引用两个命名空间：using System.IO;(操作文件)、using Sysetem.Text;(操作文本) 2.创建文本文件：（1）创建文件名和文件内容（相当于新建文本文档）（2）创建StreamWriter对象，创建一个某某格式的文件（3）将内容写入数据流WriteLine (4)关闭StreamWrite对象.Close() 方法一：直接创建一个StreamWriter对象 string filename = TextBox1.Text string filecontent= TextBox2.Text StreamWriter sw =File.CreatText(Server.MapPath("~/txt/"+ filename +".txt")); sw.WriteLine(filecontent); sw.Close(); Response.Write("<script>alert('已经成功新建了一个’+ filename +'.txt，并添加了数据')</script>") 方法二：在创建StreamWriter对象之前先创建一个FileStream(文件流)对象，并在最后关闭它。 string filename = TextBox1.Text string filecontent= TextBox2.Text FileStream fs = new FileStream(Server.MapPath("~/txt/"+ filename + ".txt")),FileMode.Create,FileAccess.Write); //文件流fs的路径、文件打开方式：创建和写操作 StreamWriter sw = new StreamWriter(fs,Encoding.Default); //文件流fs和浏览器默认编码类型 sw.WriteLine(filecontent); sw.Close(); fs.Close(); Response.Write("<script>alert('成功新建了一个’+ filename +'.txt，并添加了数据')</script>") 3.读取文本文本：方法一：直接使用File.ReadAllText(文件路径，编码方式) TextBox1.Text=File.ReadAllText(Server.MapPath("~/txt/**.txt"),Encoding.Default); 方法二：使用StreamReader对象以File.OpenText(文件路径)读取文件数据以及使用StreamBuilder对象的Append属性来添加读取文件的数据（UTF-8规范读取的数据） StreamReader sr = File.OpenText(Server.MapPath("~/txt/**.txt")); StreamBuilder sb = new StreamBuilder(); while(!sr.EndOfStream) //如果数据不到最后一行，继续添加（循环语句） { sb.Append(sr.ReadLine() +" ");} sr.Close(); 方法三：使用StreamBuilder对象的Append属性添加从StreamReader对象那里读取的数据流，与前一种方法不同的是，这次用到了FileStream的File.Open方法取代了File.OpenText(文件路径)的方法(GB2312规范读取数据) StreamBuilder sb = new StreamBuilder(); FileStream fs = File.Open(Server.MapPath("~/txt/**.txt"),FileMode.Open,FileAccess.Read); StreamReader sr = new StreamReader(fs,Encoding.Default); […]

龙生 05 Jul 2011

View Details

解决了防止用户重复登陆和session超时

一．设置web.config相关选项先启用窗体身份验证和默认登陆页,如下。

设置网站可以匿名访问，如下

然后设置跟目录下的admin目录拒绝匿名登陆，如下。注意这个小节在System.Web小节下面。

把http请求和发送的编码设置成GB2312,否则在取查询字符串的时候会有问题，如下。

设置session超时时间为1分钟，并启用cookieless，如下。

为了启用页面跟踪，我们先启用每一页的trace，以便我们方便的调试，如下。

二．设置Global.asax文件处理Application_Start方法，实例化一个哈希表，然后保存在Cache里

在Session_End方法里调用LogoutCache()方法，方法源码如下

三．设置相关的登陆和注销代码登陆前调用PreventRepeatLogin()方法，这个方法可以防止用户重复登陆，如果上次用户登陆超时大于1分钟，也就是关闭了所有admin目录下的页面达到60秒以上，就认为上次登陆的用户超时，你就可以登陆了，如果不超过60秒，就会生成一个自定义异常。在Cache["online"]里保存了一个哈西表,哈西表的key是当前登陆用户的SessionID,而Value是一个ArrayList,这个ArrayList有两个元素,第一个是用户登陆的名字第二个元素是用户登陆的时间,然后在每个admin目录下的页刷新页面的时候会更新当前登陆用户的登陆时间,而只admin目录下有一个页打开着,即使不手工向服务器发送请求,也会自动发送一个请求更新登陆时间,下面我在页面基类里写了一个函数来做到这一点,其实这会增加服务器的负担,但在一定情况下也是一个可行的办法.

<div>/// <summary> /// 防止用户重复登陆,在用户将要身份验证前使用 /// </summary> /// <param name="name">要验证的用户名字</param> private void PreventRepeatLogin(string name) { Hashtable h = (Hashtable)Cache["online"]; if (h != null) { IDictionaryEnumerator e1 = h.GetEnumerator(); bool flag = false; while (e1.MoveNext()) { if ((string)((ArrayList)e1.Value)[0] == name) { flag = true; break; } } if (flag) { TimeSpan ts = System.DateTime.Now.Subtract(Convert.ToDateTime(((ArrayList)e1.Value)[1])); if (ts.TotalSeconds < 60) throw new oa.cls.MyException("对不起，你输入的账户正在被使用中，如果你是这个账户的真正主人，请在下次登陆时及时的更改你的密码，因为你的密码极有可能被盗窃了!"); else h.Remove(e1.Key); } } else { h = new Hashtable(); } ArrayList al = new ArrayList(); al.Add(name); al.Add(System.DateTime.Now); h[Session.SessionID] = al; if (Cache["online"] == null) { Context.Cache.Insert("online", h); } else Cache["Online"] = h; }</div>

用户注销的时候调用上面提到LogoutCache()方法四．设置admin目录下的的所有页面的基类

<div>using System; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls; using System.Collections; namespace oa.cls { public class MyBasePage : System.Web.UI.Page { /// <summary> /// 获取本页是否在受保护目录,我这里整个程序在OA的虚拟目录下,受保护的目录是admin目录 /// </summary> protected bool IsAdminDir { get { return Request.FilePath.IndexOf("/oa/admin") == 0; } } /// <summary> /// 防止session超时,如果超时就注销身份验证并提示和转向到网站默认页 /// </summary> private void PreventSessionTimeout() { if(!this.IsAdminDir) return; if(Session["User_Name"]==null&&this.IsAdminDir) { System.Web.Security.FormsAuthentication.SignOut(); this.Alert("登陆超时",Request.ApplicationPath) } } /// <summary> /// 每次刷新本页面的时候更新Cache里的登陆时间选项,在下面的OnInit方法里调用. /// </summary> private void UpdateCacheTime() { Hashtable h = (Hashtable)Cache["online"]; if (h != null) { ((ArrayList)h[Session.SessionID])[1] = DateTime.Now; } Cache["Online"] = h; } /// <summary> /// 在跟踪里输出一个HashTable的所有元素,在下面的OnInit方法里调用.以便方便的观察缓存数据 /// </summary> /// <param name="myList"></param> private void TraceValues(Hashtable myList) { IDictionaryEnumerator myEnumerator = myList.GetEnumerator(); int i = 0; while (myEnumerator.MoveNext()) { Context.Trace.Write("onlineSessionID" + i, myEnumerator.Key.ToString()); ArrayList al = (ArrayList)myEnumerator.Value; Context.Trace.Write("onlineName" + i, al[0].ToString()); Context.Trace.Write("onlineTime" + i, al[1].ToString()); TimeSpan ts = System.DateTime.Now.Subtract(Convert.ToDateTime(al[1].ToString())); Context.Trace.Write("当前的时间和此登陆时间间隔的秒数", ts.TotalSeconds.ToString()); i++; } } /// <summary> /// 弹出信息并返回到指定页 /// </summary> /// <param name="msg">弹出的消息</param> /// <param name="url">指定转向的页面</param> protected void Alert(string msg, string url) { string scriptString = "<script language=JavaScript>alert(\"" + msg + "\");location.href=\"" + url + "\"</script>"; if (!this.IsStartupScriptRegistered("alert")) this.RegisterStartupScript("alert", scriptString); } /// <summary> /// 为了防止常时间不刷新页面造成会话超时,这里写一段脚本,每隔一分钟向本页发送一个请求以维持会话不被超时，这里用的是xmlhttp的无刷新请求 /// 这个方法也在下面的OnInit方法里调用 /// </summary> protected void XmlReLoad() { System.Text.StringBuilder htmlstr = new System.Text.StringBuilder(); htmlstr.Append("<SCRIPT LANGUAGE=\"JavaScript\">"); htmlstr.Append("function GetMessage(){"); htmlstr.Append(" var xh=new ActiveXObject(\"Microsoft.XMLHTTP\");"); htmlstr.Append(" xh.open(\"get\",window.location,false);"); htmlstr.Append(" xh.send();"); htmlstr.Append(" window.setTimeout(\"GetMessage()\",60000);"); htmlstr.Append("}"); htmlstr.Append("window.onload=GetMessage();"); htmlstr.Append("</SCRIPT> "); if (!this.IsStartupScriptRegistered("xmlreload")) this.RegisterStartupScript("alert", htmlstr.ToString()); } override protected void OnInit(EventArgs e) { base.OnInit(e); this.PreventSessionTimeout(); this.UpdateCacheTime(); this.XmlReLoad(); if (this.Cache["online"] != null) { this.TraceValues((System.Collections.Hashtable)Cache["online"]); } } } }</div>

五．写一个自定义异常类首先要在跟目录下写一个错误显示页面ShowErr.aspx，这个页面根据传递过来的查询字符串msg的值，在一个Label上显示错误信息。

转自：http://www.cnblogs.com/hcbin/archive/2010/04/02/1702885.html

龙生 02 Jul 2011

View Details

Jmail邮件发送简单示例

set msg = server.createobject("jmail.message") msg.logging = true msg.charset = "gb2312" msg.from = "webmaster@w3cnet.com" msg.fromname = "标准网络" msg.addrecipient "w3cnet@qq.com" msg.subject = "会员验证" msg.htmlbody = "LED" 'msg.body = "this is html content" msg.addattachment("D:\ximancolor\Jmail\baidu.gif") msg.send("127.0.0.1")

龙生 01 Jul 2011

View Details

« Previous 1 … 395 396 397 … 410 Next »

June 2025
M	T	W	T	F	S	S
« May
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30