所在位置:新闻 > VI设计 > 商标设计公司方案_如何使用jQuery和CSS3创建日历

商标设计公司方案_如何使用jQuery和CSS3创建日历

商标设计公司方案的核心价值在于为企业打造独特的品牌,商标设计公司方案可以给企业带来良好的社会声誉和经济效益。


注:配图为本公司设计作品


商标设计公司方案原文直译:

主题:jQuery CSS3

难度:中等

预计完成时间:30分钟

在本教程中,我们将编写在Futurico UI Pro中可以找到的jQuery和CSS3日历。为了做到这一点,我们将使用半铸钢钢性铸铁(Cast Semi-Steel)的所有样式和"功能",我们将使用jQuery和jQuery用户界面.在jQuery UI中,我们将只使用"日期选择器"脚本。因此,您不必下载jQuery UI中所有可用的组件,文件大小也会更小。

目录

隐藏

步骤1HTML标记

步骤2容器

第3步标题

第四步预测下个月

步骤5日历样式

下载日历

步骤1HTML标记

要创建日历,我们只需要添加一个带有身份证明(identification)的差异标签。

div id='日历/div

然后,在主体结束标记之前,我们需要添加jQuery和jQuery UI脚本。

我们还需要调用“日期选择器”,所以您需要使用您在差异上使用的相同身份证.我们还将添加一些选项:内联将使日历可见,因此我们不需要点击按钮或输入;要使"星期一"成为日历上的第一天,我们需要将其设置为1;"显示其他月份"将添加其他月份的天数,以填充所有表格。有关所有可用选项的更多信息,请阅读文档。

脚本src=' https://Ajax。谷歌API。com/Ajax/libs/jquery/1。7 .1/jquery。量滴js '/脚本

脚本src=' js/jquery-ui-日期选取器。量滴js '/脚本

脚本

$('#calendar ').日期选择器({

inline: true,

第一天:1,

显示其他月份:确实,

dayNamesMin: ['太阳''星期一''星期二''星期三''星期四,' Fri ''星期六]

});

/脚本

在线电子邮件模板生成器

有了明信片,你可以在线创建和编辑电子邮件模板,无需任何编码技能!包括100多个组件,帮助您以前所未有的速度创建自定义电子邮件模板。

免费试用其他产品

步骤2容器

让我们从删除所有的空白、填充、边框等开始。ui-datepicker。ui-日期选择器表,ui-datepicker tr。ui-datepicker td。ui-日期选择器th {

边距:0;

填充:0;

边框:无;

边框间距:0;

}

然后我们将设计日历容器的样式。让我们添加一个背景色,圆角和阴影。我们还将改变文本字体为“Tahoma”和文本大小。ui-日期选择器{

显示:无;

宽度:294px


注:配图为本公司设计作品


商标设计公司方案总结:

商标设计公司方案的分享让我们明白品牌设计的核心是传递品牌价值,品牌设计通过logo设计(标志设计)、VI设计、包装设计等设计载体提高品牌的美誉度、忠诚度,打造商标设计公司方案的品牌核心资产。如果您有更多的观点,请联系杭州vi设计公司 。
声明:本文“商标设计公司方案_如何使用jQuery和CSS3创建日历”信息内容来源于网络,文章版权和文责属于原作者,不代表本站立场。如图文有侵权、虚假或错误信息,请您联系我们,我们将立即删除或更正。
做品牌直接找总监谈
总监一对一免费咨询与评估
相关案例
RELATED CASES

总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐