用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

用jQuery和CSS3做的网页版日历

2013-03-28 作者: 小蜜锋举报

[javascript]代码库

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>基于jQuery和CSS3的日历</title>
<link rel="stylesheet" href="images/calendar.css" media="screen">
<style type="text/css">
body { background: url(images/bg.png) repeat; width: 960px; margin: 0 auto }
.footer { margin-top: 100px; text-align: center; color: #666; font: bold 14px Arial }
.footer a { color: #999; text-decoration: none }
#wrapper { padding: 50px 0 0 325px; }
#calendar { margin: 25px auto; width: 370px; }
</style>
</head>

<body>
<img src="images/title.png" alt="">
<div id="calendar"></div>
<script src="images/jquery.min.js"></script> 
<script src="images/jquery-ui-datepicker.min.js"></script> 
<script>
	$('#calendar').datepicker({
		inline: true,
		firstDay: 1,
		showOtherMonths: true,
		dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
	});
</script>
</body>
</html>

[代码运行效果截图]


用jQuery和CSS3做的网页版日历

[源代码打包下载]




网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...