使用本文提供的JavaScript脚本,配合Dreamweaver的层和行为的运用,可以在页面中显示可拖动的精美月历。
具体制作步骤如下:
1、启动Dreamweaver MX,新建一个HTML文档,切换到代码视图,编写JavaScript脚本。
(1)在HTML文档的< head>...< /head>插入下面的JavaScript脚本:
< SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
//定义月历函数
functi>
//初始化控制变量
var timerID = null;
var timerRunning = false;
//定义时间显示函数
functi 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面板添加了">
5、保存文件,在浏览器中浏览,用鼠标按住月历即可在页面中自由拖动。
怎么样,蛮酷吧?
无忧站长学院,建站自然无忧www.5ucms.org
上一篇:5ucms插件,用Dreamweaver MX轻松操作表格 下一篇:5ucms模版,用Dreamweaver MX实现网站批量更新 |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms帮助在网页中显示可拖动月历的关键词: |