dusonchen
a programinger
博客园
社区
首页
新随笔
联系
管理
订阅
随笔- 5 文章- 1 评论- 18
2008年7月26日
JQuery实现仿宝马中国的菜单效果[原创]
摘要: 是否有人见过宝马中国网站的页面(http://www.bmw.com.cn/zh/index_narrowband.html),它的菜单效果是比较好看的,我曾分析过它的脚本,复杂无比,干脆自己模仿它的效果用JQuery写一个算了。下面是我很早之前的实现的效果,虽然比起宝马中国的,还差很多,但揍合着用吧。要实现这种效果,我首选JQuery,因为它小而强大。废话少说,先给出Html代码:CodeCod...
阅读全文
posted @
2008-07-26 17:23
duson 阅读(2202) |
评论 (12)
|
编辑
2008年7月25日
替换表格布局
平时我们一般都是对整体的布局用Div + Css,而对于一些输入和文字进行布局时,我们则选择了表格(大概是因为Div或用Span比较难控制吧)。不过今天我在网上发现了一个新的布局方式,就是用Ul Li方式了。效果还行。(暂放首页,如果觉得不合适,请撤下吧,我没关系)
先看看效果吧:
由于比较简直,没什么好说的,还是直接看代码吧:
<!
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
>
<
title
>
new document
</
title
>
<
style
type
="text/css"
title
=""
>
body
{
color
:
#333
;
background-color
:
#fff
;
font-size
:
12px
;
}
.input
{
border
:
#ccc 1px solid
;
padding
:
0 0 0 4px
;
width
:
180px
;
line-height
:
20px
;
height
:
20px
;
}
ul.box
{
width
:
808px
;
margin
:
0px auto
;
list-style
:
none
;
}
ul.box li
{
float
:
left
;
height
:
24px
;
padding
:
3px
;
}
ul.box .col0
{
width
:
60px
;
text-align
:
right
;
line-height
:
24px
;
}
ul.box .col1
{
width
:
210px
;
}
ul.box .col2
{
float
:
right
;
width
:
500px
;
line-height
:
24px
;
}
</
style
>
</
head
>
<
body
>
<
ul
class
="box"
>
<
li
class
="col0"
>
帐号:
</
li
>
<
li
class
="col1"
><
input
type
="text"
name
="userName"
class
="input"
/></
li
>
<
li
class
="col2"
>
只能是数字、字母和下划线的组合,首字符不可以为数字(3至18个字符)
</
li
>
<
li
class
="col0"
>
昵称:
</
li
>
<
li
class
="col1"
><
input
type
="text"
name
="nickName"
class
="input"
/></
li
>
<
li
class
="col2"
>
可以为中英文、数字和下划线的组合(1至18个字符)
</
li
>
<
li
class
="col0"
>
密码:
</
li
>
<
li
class
="col1"
><
input
type
="password"
name
="password"
class
="input"
/></
li
>
<
li
class
="col2"
>
6至18个任意字符,建议采用字符、数字、特殊符号的混和密码
</
li
>
<
li
class
="col0"
>
确认密码:
</
li
>
<
li
class
="col1"
><
input
type
="password"
name
="rePassword"
class
="input"
/></
li
>
<
li
class
="col2"
>
必须和密码相同的字符组合
</
li
>
<
li
class
="col0"
>
邮箱:
</
li
>
<
li
class
="col1"
><
input
type
="text"
name
="email"
class
="input"
/></
li
>
<
li
class
="col2"
></
li
>
<
li
class
="col0"
></
li
>
<
li
class
="col1"
><
input
type
="submit"
value
=" 注册 "
/></
li
>
<
li
class
="col2"
></
li
>
</
ul
>
</
body
>
</
html
>
posted @
2008-07-25 09:54
duson 阅读(142) |
评论 (2)
|
编辑
2008年6月28日
记录用户操作日志
摘要: 由于现阶段的日志管理,记录的数据比较简单,不够具体,不能适应系统日益庞大的需求。需要对此功能进行升级。
阅读全文
posted @
2008-06-28 16:20
duson 阅读(1887) |
评论 (4)
|
编辑
2008年5月22日
[转载]IE与FireFox的js和css几处不同点
摘要:
阅读全文
posted @
2008-05-22 13:10
duson 阅读(138) |
评论 (0)
|
编辑
2008年5月19日
哀悼逝者 快速将你的网站变成灰色
一直到21日为全国哀悼日,有很多网站界面都变成了灰色,其实在CSS中套用一条样式即可:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
为了纪念我们的同胞,大家也来试试吧。
posted @
2008-05-19 21:18
duson 阅读(40) |
评论 (0)
|
编辑
2006年11月16日
[转载]asp.net 2.0的邮件发送
摘要: 今天要做一个邮件发送的功能,在网上找到一个是用asp.net 2.0的,但有一些不明白的地方。就是:SPMSConfiguration 不知道要引入什么命名空间,请高手指点。1usingSystem;2usingSystem.Data;3usingSystem.Configuration;4usingSystem.Web;5usingSystem.Web.Security;6usingSystem...
阅读全文
posted @
2006-11-16 17:06
duson 阅读(25) |
评论 (0)
|
编辑
仅列出标题
<
2008年10月
>
日
一
二
三
四
五
六
28
29
30
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
31
1
2
3
4
5
6
7
8
与我联系
发短消息
搜索
常用链接
我的随笔
我的空间
我的短信
我的评论
更多链接
我的文章
我的参与
我的新闻
最新评论
我的标签
留言簿
给我留言
查看留言
我参加的小组
创业交流
jQuery
设计模式
ASP.NET
web标准设计
博客园上海俱乐部
.NET 3.x
AJAX
博客园深圳俱乐部
Design & Pattern
我的标签
日志(1)
数据库设计(1)
html(1)
css(1)
JavaScript(1)
div+css(1)
JQuery(1)
网页设计标准(1)
随笔分类
(2)
Active Record
(rss)
Ajax
(rss)
ASP.NET 2.0
(rss)
Castle ICO
(rss)
ExtJs
(rss)
Html(1)
(rss)
JavaScript
(rss)
JQuery(1)
(rss)
NHibernate
(rss)
Spring.NET
(rss)
Web标准
(rss)
分页
(rss)
日志
(rss)
设计模式
(rss)
数据库
(rss)
随笔档案
(5)
2008年7月 (2)
2008年6月 (1)
2008年5月 (2)
文章分类
Ajax
(rss)
Html
(rss)
数据库
(rss)
文章档案
(1)
2006年11月 (1)
相册
其它
最新随笔
1. JQuery实现仿宝马中国的菜单效果[原创]
2. 替换表格布局
3. 记录用户操作日志
4. [转载]IE与FireFox的js和css几处不同点
5. 哀悼逝者 快速将你的网站变成灰色
6. [转载]asp.net 2.0的邮件发送
积分与排名
积分 - 4814
排名 - 5272
最新评论
阅读排行榜
1. JQuery实现仿宝马中国的菜单效果[原创](2202)
2. 记录用户操作日志(1887)
3. 替换表格布局(142)
4. [转载]IE与FireFox的js和css几处不同点(138)
5. 哀悼逝者 快速将你的网站变成灰色(40)
评论排行榜
1. JQuery实现仿宝马中国的菜单效果[原创](12)
2. 记录用户操作日志(4)
3. 替换表格布局(2)
4. 哀悼逝者 快速将你的网站变成灰色(0)
5. [转载]IE与FireFox的js和css几处不同点(0)