网页中日历特效 求大神在里面做一个日历。。

作者&投稿:骆典 (若有异议请与网页底部的电邮联系)
大神指点这个怎么折成日历~

把旁边的两个向一个方向折,中间的向另一个方向折!或三个都向一个方向折

菜单 添加 小工具

<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>


辉县市17573251906: HTML网页中显示日历表问题 -
慎河艾丰: 右边显示就是用表格嘛,然后是颜色,你就遍历下表格的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='' ...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网