商标设计公司方案的核心价值在于为企业打造独特的品牌,商标设计公司方案可以给企业带来良好的社会声誉和经济效益。
注:配图为本公司设计作品
主题: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
注:配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐