jquery实现一个日程安排待办事项的日历效果代码
代码语言:html
所属分类:布局界面
代码描述:jquery实现一个日程安排待办事项的日历效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> button { margin: 0; font: inherit; color: inherit; overflow: visible; text-transform: none; border: none; text-align: center; } ul,li { list-style: none; margin: 0; padding: 0; } .rightPart2 { width: 440px; height: 414px; border: 1px #ccc solid; } /* 我的日程 */ .title2 { height: 40px; line-height: 40px; border-bottom: 1px #c7c7c7 solid; padding-left: 20px; } .today { width: 40px; height: 24px; line-height: 24px; text-align: center; background: #e0f2ff; color: #666; border-radius: 2px; float: right; margin-right: 30px; margin-top: 8px; cursor: pointer; } .schedule { width: 100%; } .dateShow { border-bottom: 1px #dbdbdb solid; height: 125px; } table.dates { width: 100%; margin-top: 8px; } table.dates tr th { padding: 5px; color: #666; font-weight: normal !important; } table.dates tr th, table.dates tr td { text-align: center; } table.dates tr td { padding: 6px 0; cursor: pointer; } table.dates tr th button { padding: 6px; cursor: pointer; width: 24px; height: 24px; } .lastM { background: #fff url(//repo.bfw.wiki/bfwrepo/images/nav/double-left.png) no-repeat; background-position: 0 8px; } .lastW { background: #fff url(.........完整代码请登录后点击上方下载按钮下载查看
网友评论0