daniel@wiss

程序简记

July 23, 2009 at 12:24 am · Filed under 不要分类

检测单选、多选框是否选中
if ($(’#radl input:checked’).val() == undefined) …

与中国一起成长宝洁在华20年

May 18, 2009 at 6:00 pm · Filed under 不要分类

素材

September 9, 2008 at 3:33 pm · Filed under Web Develop

字体下载
http://www.homefont.cn/

网页素材
http://www.zcool.com.cn/

jQuery plugin

August 13, 2008 at 12:20 pm · Filed under Web Develop

jQuery Right-click Plugin
$(“#selector”).rightClick( function(el) {// Do something});
http://abeautifulsite.net/notebook/68#download

ContextMenu plugin
右键菜单
http://www.trendskitchens.co.nz/jquery/contextmenu/

NiceJForms
表单美化
http://www.lexcat.ro/nicejforms/nicejforms.html

jQuery Star Rating Plugin
星星等级
http://www.fyneworks.com/jquery/star-rating/

liScroll
滚动内容
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
http://stone.dialog.jp/code/jquery/jdNewsScroll/

http://dbachrach.com/blog/2006/10/09/a-cool-css-effect-dashboard/

A Cool CSS Effect - Dashboard [Updated x2]

August 13, 2008 at 12:10 pm · Filed under Web Develop

Ever want to alert your users to a really important message? Ever care to have some effect that looked like dasboard?

I wanted to do this for numerous sites so I finally I decided to scan the web for some resources. I didn’t find any real conclusive matches on Google. I mean what do you search for?

So, I started thinking about what we were actually doing and then finally I got code working. I’ll post the code and then briefly explain it. Here is a picture so you can get the idea of what it does, or you can simply go to my new website and click on either “About” or on “Contact.”

Dashboard CSS Effect

Add this to your css file or inside your “head” tags:

.darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}

Basically, this says set a style in CSS to have a black background, 70% transparent, filling the entire screen.

We then add this code anywhere inside our “body” tag:

This places our black box on the screen, and then the javascript hides it. We can then show it later on by putting this javascript in an event handler like onclick:

document.getElementsById(”darkBackgroundLayer”).style.display = “”;

This will show our darkened layer using javascript.

This will show our darkened layer using javascript.You can then use javascript to show a different window like the above code. This effect is really great and extremely useful in drawing the user’s attention.

I hope that helps you make some neat effects. Post in the comments if you have any interesting twists.

[Updated] One problem I have run into with this is that the dark black shade cuts off at the end of the browser window, meaning that if you scroll down the page, the effect does not continue. This has to do with how css repeats vertically. If any one knows a fix, please comment as well.

[Updated x2] Fixed the scrolling bug. Thanks to all the great comments. Also changed the opacity options so hopefully works on more browsers. Changes are in red. Thanks to digg, story is here.

Thanks

This will show our darkened layer using javascript.

http://www.codeproject.com/KB/recipes/JSON.aspx

JavaScript Object Notation Support for .NET 2.0

July 1, 2008 at 9:57 am · Filed under Web Develop, Programme

JavaScript Object Notation, or JSON, is meant as a light weight alternative to XML when XML is just a bit heavy weight for what you are trying to achieve. Although JSON is not extensible, as it makes use of a fixed set of data types, it can be used to textually represent complex objects. JSON is a perfect data-interchange format when using technologies such as AJAX as your server side objects can be converted to JSON, sent to the client, evaluated in a client script and then manipulated to build dynamic adverts, menus etc.

Js lib

June 19, 2008 at 12:37 am · Filed under 不要分类

MessageBox Dialogs
http://www.extjs.com/deploy/dev/examples/message-box/msg-box.html

div图片垂直居中

June 19, 2008 at 12:29 am · Filed under 不要分类

日期时间正则表达式

June 14, 2008 at 4:12 pm · Filed under Web Develop, Programme, Javascript

^((((19|20)(([02468][048])|([13579][26]))-0?2-29))|((20[0-9][0-9])|(19[0-9][0-9]))-((((0?[1-9])|(1[0-2]))-((0?[1-9])|(1\d)|(2[0-8])))|((((0?[13578])|(1[02]))-31)|(((0?[1,3-9])|(1[0-2]))-(29|30)))))(\x20(0?[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){1,2})?$