Dreamwear设计常用代码 17-21.docx
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
Dreamweaver是一款强大的网页设计和开发工具,常用于创建交互式和动态的网站。文档" Dreamwear设计常用代码 17-21.docx "包含了几个关键的HTML和JavaScript代码片段,这些代码对于提高用户体验和网页功能至关重要。下面将详细解释这些代码的用途和工作原理。 17. 打开窗口即最大化: 这段JavaScript代码使得浏览器窗口在打开时自动调整到屏幕的可用宽度和高度,从而实现最大化效果。 ```javascript <script language="JavaScript"> <!-- Begin self.moveTo(0,0); self.resizeTo(screen.availWidth,screen.availHeight); // End --> </script> ``` `moveTo(0,0)`将窗口移动到屏幕左上角,`resizeTo(screen.availWidth,screen.availHeight)`设置窗口大小为屏幕的可用宽度和高度,排除任务栏和其他不可见区域。 18. 加入背景音乐: 此代码用于在网页中添加背景音乐,支持Internet Explorer和Netscape Navigator。 ```html <bgsound src="http://.xuexuexi.com/Web/mid/windblue.mid" loop="-1"> <!-- 只适用于 IE --> <embed src="http://.xuexuexi.com/Web/music.mid" autostart="true" loop="true" hidden="true"> <!-- 对 Netscape,IE 都适用 --> ``` `bgsound`是IE特有标签,而`embed`标签则对Netscape Navigator和IE都兼容。`loop="-1"`表示无限循环播放,`autostart="true"`让音乐在页面加载时自动播放,`hidden="true"`使得音乐播放控件不显示。 19. 创建向上滚动的文本或图像: 这个`<marquee>`标签创建了一个向上滚动的信息区域。 ```html <marquee direction="up" height="146" onmouseout="start()" onmouseover="stop()" scrollAmount="2">滚动信息</marquee> ``` `direction="up"`设置滚动方向为向上,`height="146"`设定滚动区域的高度,`onmouseout="start()"`和`onmouseover="stop()"`分别定义鼠标离开和悬停时的滚动行为,`scrollAmount="2"`设置每帧滚动的距离。 20. 防止点击空链接跳转: 当用户点击没有`href`属性或`href="#"`的链接时,页面通常会跳转到顶部。这段代码通过JavaScript来防止这种情况。 ```html <a href="javascript:void(null)">代替原来的"#"</a> ``` `javascript:void(null)`阻止链接的默认行为,确保点击后页面不会发生跳转。 21. 弹出指定大小的窗口: 这段代码展示了如何通过JavaScript函数`MM_openBrWindow`创建一个指定大小的新窗口,并在点击图片或文字时触发。 ```html <script language="JavaScript" type="text/JavaScript"> function MM_openBrWindow(theURL, winName, features) {window.open(theURL, winName, features);} </script> <a href="#" target="_self" onclick="MM_openBrWindow('theURL', 'winName', 'width=550, height=380, border=0')">图片或文字</a> ``` `MM_openBrWindow`函数接收三个参数:要打开的URL、新窗口的名称以及窗口特性。`onclick`事件触发该函数,弹出新窗口。 这些代码片段是Dreamweaver用户在创建网页时可能会用到的基本功能,它们能够增强网页的交互性和吸引力。理解并熟练运用这些代码可以提升网站的用户体验和专业性。
- 粉丝: 14
- 资源: 9万+
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助