博客园_西狐.Net

用jQuery轻松实现Div拖动

2011-05-20T06:43:00Z

用jQuery轻松实现Div拖动，只需只行代码，很简单.试试效果:

hooyes

代码:

<!DOCTYPE html>
<html>
<head>
<title>hooyes Drag demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"
type="text/javascript"></script>
<style type="text/css">
.drag{
position:absolute;
width:100px; height:100px;
border:1px solid #96C2F1; background-color: #EFF7FF;
cursor:move; line-height:100px; text-align:center;
}
</style>
<script type="text/javascript">
(function (document) {
//Usage: $("#id").drag()
//Author: hooyes
$.fn.Drag = function () {
var M = false;
var Rx, Ry;
var t = $(this);
t.mousedown(function (event) {
Rx = event.pageX - (parseInt(t.css("left")) || 0);
Ry = event.pageY - (parseInt(t.css("top")) || 0);
t.css("position", "absolute").css('cursor', 'move').fadeTo(20, 0.5);
M = true;
})
.mouseup(function (event) {
M = false; t.fadeTo(20, 1);
});
$(document).mousemove(function (event) {
if (M) {
t.css({ top: event.pageY - Ry, left: event.pageX - Rx });
}
});
}
})(document);

$(document).ready(function () {
$("#Div1").Drag();
});
</script>
</head>
<body>
<div id="Div1" class="drag">hooyes</div>
</body>
</html>

本文链接

用CSS的 filter 来轻松实现图层半透明

2011-05-13T14:51:00Z

用CSS的 filter 来轻松实现Div半透明

.Demo{
background:#000; background:rgba(0,0,0,0.6); filter:alpha(opacity=40);
}

<div class="Demo">hooyes!</div>

Hello hooyes!

看到屏幕的右上角了半透明的图层了吗？

本文链接

用CSS3的 border-radius 来轻松实现图层圆角

2011-05-07T08:00:00Z

用CSS3的 border-radius 来轻松实现div圆角

.Demo{
border-radius: 5px;
border: 5px solid #FFFFFF;
box-shadow: 1px 1px 5px #333333; }

<div class="Demo">hooyes!</div>

看如下效果:

hooyes!

附:

CSS3 需要高版本的浏览器支持。为了促进互联网美好的发展，请升级到高版本的浏览器。

本文链接

用CSS3的 box-shadow 来轻松实现图层阴影效果

2011-05-06T13:46:00Z

CSS3的box-shadow属性可以让我们轻松实现div阴影效果。

.Demo{border: 5px solid #FFFFFF;
box-shadow: 1px 1px 5px #333333; }

<div class="Demo">hooyes!</div>

看如下效果:

hooyes!

附:

CSS3 需要高版本的浏览器支持。为了促进互联网美好的发展，请升级到高版本的浏览器。

本文链接

VS2010 让你的Javascript代码可以折叠

2011-03-28T08:41:00Z

今天发现这个VS2010的插件挺有意思的，可以在VS2010中将JS代码像C#代码那折叠起来。

下载地址

http://visualstudiogallery.msdn.microsoft.com/0696ad60-1c68-4b2a-9646-4b5f4f8f2e06/

本文链接

JSON 转成 C# 动态类

2010-09-30T07:52:00Z

任意 JSON 转成 C# 动态类,无需事先声明一个C#类型，实现json字符串转成dynamic 类

示例:

class Program
{
static void Main(string[] args)
{
string json = "{name:'hooyes',pwd:'hooyespwd',books:{a:'红楼梦',b:'水浒传',c:{arr:['宝玉','林黛玉']}},arr:['good','very good']}";

dynamic dy = ConvertJson(json);

Console.WriteLine(dy.name);

Console.WriteLine(dy.books.a);

Console.WriteLine(dy.arr[1]);

foreach (var s in dy.books.c.arr)
{
Console.WriteLine(s);
}

Console.Read();

}
static dynamic ConvertJson(string json)
{
JavaScriptSerializer jss = new JavaScriptSerializer();
jss.RegisterConverters(new JavaScriptConverter[] { new DynamicJsonConverter() });
dynamic dy = jss.Deserialize(json, typeof(object)) as dynamic;
return dy;
}
}

用到两个自定义的类:DynamicJsonConverter,DynamicJsonObject

public class DynamicJsonConverter : JavaScriptConverter
{
public override object Deserialize(IDictionary<string, object> dictionary, Type type, JavaScriptSerializer serializer)
{
if (dictionary == null)
throw new ArgumentNullException("dictionary");

if (type == typeof(object))
{
return new DynamicJsonObject(dictionary);
}

return null;
}

public override IDictionary<string, object> Serialize(object obj, JavaScriptSerializer serializer)
{
throw new NotImplementedException();
}

public override IEnumerable<Type> SupportedTypes
{
get { return new ReadOnlyCollection<Type>(new List<Type>(new Type[] { typeof(object) })); }
}
}

public class DynamicJsonObject : DynamicObject
{
private IDictionary<string, object> Dictionary { get; set; }

public DynamicJsonObject(IDictionary<string, object> dictionary)
{
this.Dictionary = dictionary;
}

public override bool TryGetMember(GetMemberBinder binder, out object result)
{
result = this.Dictionary[binder.Name];

if (result is IDictionary<string, object>)
{
result = new DynamicJsonObject(result as IDictionary<string, object>);
}
else if (result is ArrayList && (result as ArrayList) is IDictionary<string, object>)
{
result = new List<DynamicJsonObject>((result as ArrayList).ToArray().Select(x => new DynamicJsonObject(x as IDictionary<string, object>)));
}
else if (result is ArrayList)
{
result = new List<object>((result as ArrayList).ToArray());
}

return this.Dictionary.ContainsKey(binder.Name);
}
}

本文链接

C# 将对象序列化为XML

2010-09-15T05:25:00Z

在.Net 中我们可以把C# 对象转化成为xml ,也可以把xml转化为 C#对象:

如下例子:

using System;
using System.Text;
using System.Xml;
using System.Xml.Serialization;
using System.IO;

namespace Object2xml
{
class Program
{
static void Main(string[] args)
{
hooyes a = new hooyes();
a.ID = 1;
a.Author = "hooyes";
a.content = "www.hooyes.com";
subcalss s=new subcalss();
s.item="ok";
a.sub = s;

//将对象序列化成xml
string xml = Serialize<hooyes>(a);
Console.WriteLine(xml);

//将xml反序列化成对象
hooyes b = new hooyes();
b= Deserialize<hooyes>(b, xml);
Console.WriteLine(b.content);

Console.Read();
}

static string Serialize<T>(T t)
{
using (StringWriter sw = new StringWriter())
{
XmlSerializer xz = new XmlSerializer(t.GetType());
xz.Serialize(sw, t);
return sw.ToString();
}
}
static T Deserialize<T>(T t, string s)
{
using (StringReader sr = new StringReader(s))
{
XmlSerializer xz = new XmlSerializer(t.GetType());

return (T)xz.Deserialize(sr);
}
}
}
//[XmlRoot("root")]
public class hooyes
{
// [XmlAttribute(AttributeName = "ID")]
public int ID { get; set; }
public string Author { get; set; }
public string content { get; set; }
public subcalss sub { get; set; }

}
public class subcalss
{
public string item { get; set; }
}

}

本文链接

Lamborghini 兰博基尼 Gallardo

2010-05-17T15:08:00Z

不仅车子的标志永远是牛，兰博基尼每一款车的名字几乎都与牛有关，最新问世的Gallardo 也不例外。Gallardo是一种出色的斗牛，它具有漂亮的面孔、强壮的身体，因在战斗中异常勇敢和极具攻击性而闻名，它的另一大特点是直到最后一刻仍然体力充沛。用它来命名这款新车真的是恰如其分。Gallardo是一款纯粹意大利设计风格的跑车，由小乔治亚罗设计。小乔治亚罗也因为这款车而赢得了广泛赞誉。似乎永远一成...

Lamborghini 兰博基尼 Murcielago

2010-05-16T15:42:00Z

Murcielago意为“蝙蝠”，是中世纪一头连战数场而不死的斗牛的名字。兰博基尼的董事会主席翻遍了关于西班牙斗牛的11本厚厚的书籍，发现了Murcielago的故事，用这个名字来命名新车，显然含有深意。Murcielago是奥迪介入兰博基尼后的第一款产品。兰博基尼上两代产品Countach和Diablo都是著名性格派大师甘迪尼的作品，而Murcielago却是奥迪自己设计...

Lamborghini 兰博基尼 Reventon

2010-05-16T15:33:00Z

Reventon的跑车有一个很有意思的来历：Reventon是斗牛场中一头公牛的名字，它在1943年的一场斗牛比赛中将一名很有名的斗牛士杀死。这次兰博基尼以一头获胜的公牛定名，一是与自身公牛标志向匹配，二是要表现出凶猛顽强的车型特点。Lamborghini兰博基尼Reventon全球限量20辆，其中11台配给了美国市场，欧洲7台(兰博基尼公司留有一台，不算限量编号之内)日本和迪拜各一台。这款车...