导航: 好喜爱学习网 >> 网站制作 >> 网页制作技巧 >> 在网页中显示可拖动月历
相关文章
最新文章
文章内容
在网页中显示可拖动月历
作者:未知 来源:网络收集 录入:管理员

//显示当前时间
  document.writeln("当前时间:< INPUT TYPE='Text' NAME='textbox' ALIGN='TOP'>< /FONT>< /TD>< /TR>< /TABLE>")
  document.writeln("< /TD>< /TR>< /TABLE>< /FORM>");
  }
  < /SCRIPT>

< SCRIPT LANGUAGE="javascript">
  //初始化控制变量
  var timerID = null;
  var timerRunning = false;

//定义时间显示函数
  function stoptime (){
  if(timerRunning)
  clearTimeout(timerID);
  timerRunning = false;}

//定义显示时间函数
  function showtime () {
  var newDate = new Date();
  var hours = newDate.getHours();
  var minutes = newDate.getMinutes();
  var seconds = newDate.getSeconds()
  var timeValue = " " + ((hours >12) ? hours -12 :hours)
  timeValue += ((minutes < 10) ? ":0" : ":") + minutes
  timeValue += ((seconds < 10) ? ":0" : ":") + seconds
  timeValue += (hours >= 12) ? " 下午 " : " 上午 "
  document.time.textbox.value = timeValue;
  timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示
  timerRunning = true;}

//显示当前时间
  function starttime () {
  stoptime();
  showtime();}
  < /SCRIPT>

(2)在HTML文档正文< body>...< /body>中插入javascript脚本,并给< body>标记添加一些属性:

< BODY onLoad="starttime()" TEXT="#000000" TOPMARGIN="0">
  < script language="javascript" type="text/javascript">
  calendar(); //显示月历
  < /script>
  < /BODY>

2、切换到设计视图,在页面中插入一层,并把代表HTML文档正文中的javascript脚本图标(如果该图标没有显示,请选择View>Visual Aids>Invisible Elements菜单命令)拖入层中,如下图所示。

3、选择页面中的层,然后在Behaviors(行为)面板(如果没有打开,选择Window>Behaviors)中单击"+"按钮,从弹出的菜单上选择Drag Layer(拖动层)命令。

        

   

[1] [2] [3] [4] 

E-MAIL:309076721@163.com
本站为非营利性质个人网站,建站只为个人爱好与学习,内容大多为电脑技术教程;
网站内容来源于互联网收集整理,禁止用于非法途径,如发现本网站上有侵权的文章请联系我们,我们会尽快删除;
本站不对站点内容准确性、完整性和真实性作任何承诺,由此产生的后果本站不承担任何责任,对以上引起的一切法律纠纷本站无权利承担。