网页设计小技巧_第1页
网页设计小技巧_第2页
网页设计小技巧_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、如何弹出公告窗口有时我们需要采用公告窗口来展示一些重要的信息，所谓公告窗口是指我们浏览主页时，随主页面的加载而自动弹出的小窗口，公告窗口中一般会放上新闻、布告的信息。下面我们看看怎样用几句简单的JavaScript语句来实现它。直接在<body>与</body>插入如下一段代码：<script language="JavaScript"> window.open("test.htm","测试公告窗口","width=340,height=163,toolbar=0,status=0,men

2、ubar=0,resize=0");</script>方法是直接在<head>与</head>之间插入一段JavaScript代码(你可以选择上面两段之一，它们的作用是相同的)，其中windows.open()的作用是打开一个窗口，括号内的各项参数的用法我们可以在下面表格中看到，我们可以根据自己的需要设置各个参数的值。窗口参数参数介绍toolbar=yes,no是否显示工具条location=yes,no是否显示网址栏directories=yes,no是否显示导航条status=yes,no是否显示状态条menubar=yes,no是否显示菜单s

3、crollbars=yes,no是否显示滚动条resizable=yes,no是否可以改变公告窗口大小copyhistory=yes,no是否显示历史按钮width=300公告窗口的宽height=200公告窗口的高left=100公告窗口的左上顶点距屏幕左边100像素top=100公告窗口的左上顶点距屏幕顶端100像素页面滚动显示如果你想让窗口打开时即开始滚动，你可以在<body>与</body>之间加上onload语句，如下所示：<body onload="scroller();">公告窗口循环滚动的JavaScript代码:你可以把

4、它插入公告窗口的<head>中<script language="JavaScript"><!-locate = 0;function scroller() if (locate !=600 ) locate+;scroll(0,locate);clearTimeout(timer);var timer = setTimeout("scroller()",3);timer;elselocate=0scroll(0,locate);clearTimeout(timer);var timer = setTimeout("

5、;scroller()",3);timer;/ -></script>然后在<body>中加入onload()语句。要注意的是：上面代码中locate的值应该根据你所制作的页面的高度适当调整。环滚动的公告窗口实现起来稍微要复杂一些，首先插入公告窗口<head>与</head>之间的JavaScript代码要做修改，如下面所示：然后在公告窗口的<body>中加入“onload="scroller();"”语句；最后我们需要在主页面中打开这个公告窗口，方法同样是在主页面的<body>中加入o

6、nload语句。简单的鼠标跟随插入代码到<body>里面<script language="javascript" type="text/javascript"> function mousemoving(e) if(document.layers) status="x:"+document.floatDiv.left+" y:"+document.floatDiv.top document.floatDiv.x=e.pageX document.floatDiv.y=e.pageY if(

7、document.all) floatDiv.style.left=event.x+document.body.scrollLeft floatDiv.style.top=event.y+document.body.scrollTop document.onmousemove=mousemoving if(document.layers) document.captureEvents(Event.MOUSEMOVE) </script>然后插入层，在层中插入你想跟随在鼠标后面的图片，即可。跑马灯大全适当的运用<marquee>标签的参数，可以表现出不同的效果。 实现的方

8、法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动，direction=left表示运动方向向左。marquee的宽度可以使用绝对象素值，例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在Netscape下是看不到的。<marquee width=400 behavior=alternate direction=left align=middle border=1>加上文字 </marquee>参数用法介绍behavior=scroll, slide, alternate跑马方式：循环绕行，只跑一次就停住，来回往复运动direction=left,right跑马方向：从左向右，从右向左loop=100跑马次数：循环100次，如不写默认为一直循环width=100%,height=200跑马范围：宽

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论