网页中日历特效 求大神在里面做一个日历。。
作者&投稿:骆典 (若有异议请与网页底部的电邮联系)
把旁边的两个向一个方向折,中间的向另一个方向折!或三个都向一个方向折
菜单 添加 小工具
<table id="Calendar" width="212"><tr>
<td height="21" bgcolor="#78b3ed" width="212">
<table id="LHeader" height="21" width="212">
<tbody>
<tr align="center">
<td align="center" width="21"><</td>
<td align="center">
<span id="showDate">2010.01</span>
</td>
<td align="center" width="21">></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="18">
<table id="LDay" bgcolor="#e7f1fd">
<tbody>
<tr>
<td>日</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
<td>六</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="120" width="212" id="Container">
</td>
</tr>
</table>
<input id="Button1" type="button" value="生成日历" onclick="calendar();" />
<style type="text/css">
#Header /*标题样式*/
{
height: 21px;
font-family: "宋体";
font-size: 12px;
}
#LDay td /*星期的单元格样式*/
{
width: 30px;
height: 30px;
text-align: center;
font-family: "宋体";
font-size: 12px;
}
#LBody td /*日期的单元格样式*/
{
width: 30px;
height: 30px;
text-align: center;
font-family: "宋体";
font-size: 12px;
color: #999;
font-weight: bold;
}
</style>
<script type="text/javascript">
//实现日历
function calendar() {
var today = new Date();
var year = today.getFullYear(); //本年
var month = today.getMonth() + 1; //本月
var day = today.getDate(); //本日
//本月第一天是星期几(距星期日离开的天数)
var startDay = new Date(year, month - 1, 1).getDay();
//本月有多少天(即最后一天的getDate(),但是最后一天不知道,我们可以用“上个月的0来表示本月的最后一天”)
var nDays = new Date(year, month, 0).getDate();
//开始画日历
var numRow = 0; //记录行的个数,到达7的时候创建tr
var i; //日期
var html = '';
html += '<table id="Body" width="212"><tbody>';
//第一行
html += '<tr>';
for (i = 0; i < startDay; i++) {
html += '<td></td>';
numRow++;
}
for (var j = 1; j <= nDays; j++) {
//如果是今天则显示红色
if (j == day) {
html += '<td style="color:red" onclick="' + "alert('今天是" + j + "号');" + '">';
html += j; //开始加日期
}
else {
html += '<td onclick="' + "alert('你点的是" + j + "号');" + '">';
html += j; //开始加日期
}
html += '</td>';
numRow++;
if (numRow == 7) { //如果已经到一行(一周)了,重新创建tr
numRow = 0;
html += '</tr><tr>';
}
}
html += '</tbody></table>';
document.getElementById("Container").innerHTML = html;
}
</script>
慎河艾丰: 右边显示就是用表格嘛,然后是颜色,你就遍历下表格的td(不包括表头),小于今天的给td设置一个class就行了.忘记了星期几的对应,这个就先判断该月第一天是星期几,然后从第一行对应的列开始写入.
辉县市17573251906: 网页里做一个日程表 - ?
慎河艾丰: 可以通过调用javaScript实现啊,或者用js也行,鼠标放上去就会有相应信息,可以通过在网页控件里,加入属性onMouseOver实现
辉县市17573251906: 求一个网页日期显示html代码 - ?
慎河艾丰: 哈~用JS!看这个!我这个简单!下面还有时钟~不要可以删除用js网页会弹出一个阻止框!记得点允许~var d=ne...
辉县市17573251906: 网页制作的日历`````````?
慎河艾丰: 去下载个日历的FLV 各种风格的都有百度一下 挑自己喜欢的然后镶嵌到HTML里就可以了 搜网页制作素材 日历
辉县市17573251906: 如何在自己的网页中嵌入万年历?
慎河艾丰: 加分吧 http://site.baidu.com/list/wannianli.htm" width="800px" height="600px" >
辉县市17573251906: js编写一个网页,在网页上显示一个日历,当月的,点击今天能弹出一个消息框. - ?
慎河艾丰: 可以在js代码网站进行相应的下载,然后直接放到你的网页中就可以!一般的这种我都是在相关的网站上进行相应的下载
辉县市17573251906: 如何在html页面中显示日历表 - ?
慎河艾丰: 如果你用ASP.NET2.0在VS2005编程环境中只需要拖拽一个控件即可搞定.补充: 在HTML页上我没试过,多半是不行,因为ASP.NET的代码运行需要.NET Franework.希望回答对你有帮助,如果有疑问,请继续追问 答题不易,互相理解,您的采纳是我前进的动力,感谢您.
辉县市17573251906: 如何在网页指定的地方插入日历 例如右侧栏td中 我日历代码是JavaScript的放进去后跑到别去了 - ?
慎河艾丰: 这里有一个日历控件 直接把代码放到html中就可以用 可以试一下 里面有教程和源码
辉县市17573251906: 求实现网页制作中事件日历功能.即可以自己定义某天有某事件,在日历中显示.最好是JS的. - ?
慎河艾丰: js应该要定做.而且不可能完全用js,因为自己定义的东西是要写到文件里或者数据库中的,js没有这个权限.
辉县市17573251906: 网页制作 打字特效怎么弄??
慎河艾丰: 用DREAMERAR打开代码窗口,把下面这段代码放入网页里面的BODY,修改写文字就OK了. <script language="JavaScript1.2"> var it=0 function initialize(){ mytext=typing.innerText var myheight=typing.offsetHeight typing.innerText='' ...