《ch使用JavaScript行为创建动态效果实用实用教案》由会员分享，可在线阅读，更多相关《ch使用JavaScript行为创建动态效果实用实用教案（12页珍藏版）》请在金锄头文库上搜索。
1、13.1.1行为(xngwi)的概念行为在技术上是和时间轴动画一样，一种动态HTML(DHTML)技术。在特定的时间或者是某个特定的事件而引发的动作，事件可以是鼠标单击、鼠标移动、网页(wny)下载完毕等事件，对于同一个对象，不同版本的浏览器支持的事件种类和多少也是不一样的。第1页/共11页第一页，共12页。13.2使用(shyng)Dreamweaver内置行为13.2.1弹出提示信息13.2.2打开浏览器窗口13.2.3检查插件13.2.4设置状态栏文本13.2.5预先载入图像13.2.6转到URL13.2.7显示/隐藏(yncng)元素13.2.8设置容器的文本第2页/共11页第二页，共
2、12页。13.2.1弹出提示信息启动DreamweaverCS5，在菜单栏中，选择【文件】【打开】菜单项，打开素材。在菜单栏中，选择【窗口】【行为】菜单项，打开【行为】面板，在【行为】面板中单击【添加】按钮，在弹出的快捷菜单中，选择【弹出信息】选项。弹出【弹出信息】对话框，在【消息】文本框中，输入文本，单击【确定(qudng)】按钮。在菜单栏中，选择【文件】【保存】菜单项，保存页面，在工具栏中，单击【在浏览器中预览】按钮，即可在浏览器中预览页面效果。第3页/共11页第三页，共12页。13.2.2打开(dki)浏览器窗口启动DreamweaverCS5，在菜单栏中，选择【文件】【打开】菜单项，打
3、开素材文件。在菜单栏中，选择【窗口】【行为】菜单项，打开【行为】面板，在【行为】面板中单击【添加】按钮，在弹出的快捷菜单中，选择【打开浏览器窗口】选项。弹出【打开浏览窗口】对话框，在【要显示的URL】文本框后面的【浏览】按钮。弹出【选择文件】对话框，选择准使用的文件，单击【确定】按钮，。在【打开浏览窗口】对话框中，设置宽度和高度(god)的数值为500，选中【需要时使用滚动条】复选项，单击【确定】按钮。在菜单栏中，选择【文件】【保存】菜单项，保存页面，在工具栏中，单击【在浏览器中预览】按钮，即可在浏览器中预览页面效果。第4页/共11页第四页，共12页。13.2.3检查(jinch)插件启动Dr
4、eamweaverCS5，在菜单栏中，选择【文件】【打开】菜单项，打开素材文件。选中【检查插件】文本，在【属性】面板【链接】文本框中输入#，为文字设置空链接。在菜单栏中，选择【窗口】【行为】菜单项，打开【行为】面板，在【行为】面板中单击【添加】按钮，在弹出的快捷菜单中，选择【检查插件】选项。弹出【检查插件】对话框，单击【如果有，转到URL】文本框后面【浏览】按钮，添加Flash.html，单击【否则，转到URL】文本框后面【浏览】按钮，添加1.html，单击【确定(qudng)】按钮。在【行为】面板上，单击展开【触发事件】下拉按钮，选择【onClick】选项。在菜单栏中，选择【文件】【保存】菜
5、单项，保存页面，在工具栏中，单击【在浏览器中预览】按钮，单击【检查插件】连接后，转到Flash页面，可见，检测到了Flash插件。第5页/共11页第五页，共12页。13.2.4设置(shzh)状态栏文本启动DreamweaverCS5，在菜单栏中，选择【文件】【打开】菜单项，打开素材文件。单击窗口左下角的标签。在菜单栏中，选择【窗口】【行为】菜单项，打开【行为】面板，在【行为】面板中单击【添加】按钮，在弹出的快捷菜单中，选择【设置文本】【设置状态栏文本】选项。弹出【设置状态栏文本】对话框，在【消息】文本框中，输入文本，单击【确定】按钮。在菜单栏中，选择【文件】【保存】菜单项，保存页面(ymin
6、)，在工具栏中，单击【在浏览器中预览】按钮，即可在浏览器中预览页面(ymin)效果，可见网页左下角的文本。第6页/共11页第六页，共12页。13.2.5预先(yxin)载入图像启动DreamweaverCS5，在菜单栏中，选择【文件】【打开】菜单项，打开素材文件。在菜单栏中，选择【窗口】【行为】菜单项，打开【行为】面板，在【行为】面板中单击【添加】按钮，在弹出的快捷菜单中，选择【预先载入图像】选项。弹出【预先载入图像】对话框，单击【浏览】按钮，单击【确定】按钮。弹出【选择图像源文件】对话框，选择文件，单击【确定】按钮。在【预先载入图像】对话框中，已经显示添加文件，单击【确定】按钮。在菜单栏中，
7、选择【文件】【保存】菜单项，保存页面(ymin)，在工具栏中，单击【在浏览器中预览】按钮，即可在浏览器中预览页面(ymin)效果。第7页/共11页第七页，共12页。13.2.6转到URL启动DreamweaverCS5，在菜单栏中，选择【文件】【打开】菜单项，打开素材文件。在菜单栏中，选择【窗口】【行为】菜单项，打开【行为】面板，在【行为】面板中单击【添加】按钮，在弹出的快捷菜单中，选择【转到URL】选项。弹出【转到URL】对话框，单击【浏览(liln)】按钮，单击【确定】按钮。弹出【选择文件】对话框，选择文件，单击【确定】按钮。在【转到URL】对话框中，单击【确定】按钮。在菜单栏中，选择【文
8、件】【保存】菜单项，保存页面，在工具栏中，单击【在浏览(liln)器中预览】按钮，即可在浏览(liln)器中预览页面效果。第8页/共11页第八页，共12页。13.2.7显示/隐藏(yncng)元素启动DreamweaverCS5，在菜单栏中，选择【文件】【打开】菜单项，打开素材(sci)文件，在菜单栏中，选择【插入】【布局对象】【APDiv】菜单项。调整AP元素的位置，设置背景颜色，并插入3行1列表格，输入相应的文本。选中“首页”文本，在菜单栏中，选择【窗口】【行为】菜单项，打开【行为】面板，在【行为】面板中单击【添加】按钮，在弹出的快捷菜单中，选择【显示-隐藏元素】选项。弹出【显示-隐藏元素
9、】对话框，在【元素】列表中，选择元素编号，单击【显示】按钮，单击【确定】按钮。将【显示-隐藏元素】行为的事件更改为onMouseOver。打开【行为】面板，在【行为】面板中单击【添加】按钮，在弹出的快捷菜单中，选择【显示-隐藏元素】选项。弹出【显示-隐藏元素】对话框，在【元素】列表中，选择元素编号，单击【隐藏】按钮，单击【确定】按钮。将【显示-隐藏元素】行为的事件更改为onMouseOut。在菜单栏中，选择【文件】【保存】菜单项，保存页面，在工具栏中，单击【在浏览器中预览】按钮，即可在浏览器中预览页面效果。第9页/共11页第九页，共12页。13.2.8设置容器(rngq)的文本启动(qdng)
10、DreamweaverCS5，在菜单栏中，选择【文件】【打开】菜单项，打开素材文件。在菜单栏中，选择【插入】【布局对象】【APDiv】菜单项，在网页中插入AP元素。在【属性】面板中，单击展开【溢出】下拉选项，选择【visible】选项。打开【行为】面板，在【行为】面板中单击【添加】按钮，在弹出的快捷菜单中，选择【设置文本】【设置容器的文本】选项。弹出【设置容器的文本】对话框，在【新建HTML】文本框中输入文本，单击【确定】按钮。在菜单栏中，选择【文件】【保存】菜单项，保存页面，在工具栏中，单击【在浏览器中预览】按钮，即可在浏览器中预览页面效果。第10页/共11页第十页，共12页。感谢您的欣赏(xnshng)！第11页/共11页第十一页，共12页。内容(nirng)总结13.1.1行为的概念。在特定的时间或者是某个特定的事件而引发的动作，事件可以是鼠标单击、鼠标移动、网页下载完毕等事件，对于同一个对象，不同版本的浏览器支持的事件种类和多少也是不一样(yyng)的。在菜单栏中，选择【窗口】【行为】菜单项，打开【行为】面板，在【行为】面板中单击【添加】按钮 ，在弹出的快捷菜单中，选择【打开浏览器窗口】选项第十二页，共12页。
