特效：在网页中显示可拖动的月历(2)

2008-02-23 08:04:45来源：互联网阅读 ()

　　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(拖动层)命令。

4、在弹出的Drag Layer对话框中采用默认选项，单击OK按钮。此时，Behaviors面板添加了onClick(单击)事件和Drag Layer动作。

5、保存文件，在浏览器中浏览，用鼠标按住月历即可在页面中自由拖动。

怎么样，蛮酷吧？

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有