发新话题
打印

【网站】网页制作技巧

26.超链“确认”对话框

请先看下面的例子,试着点击下面的超链接,你会发现点击后弹出一个确认对话框,让你确认是否继续,如果选择“确定”则会继续加载链接页面,如选则“取消”则不会继续。

来点击我

  源码粘贴框:
1.将下面一段代码插入<head>与</head>之间:

<script>  
function rusure()
{   
question = confirm("确实要去进入吗?")   
if (question !="0")
{
window.open("","测试公告窗口","width=340,height=163,toolbar=0,status=0,menubar=0,resize=0");
}  
}  
</script>

2.在链接标签内加入onclick()语句:

<a href="" >来点击我</a>

实现的方法为两步,首先将源码粘贴框中的JavaScript代码插入到<head>与</head>之间,然后在链接的标签中加入onclick()语句即可。

  这个方法其实还可以用在其它的地方,比如说对于一个“提交”按钮,如果加上确认对话框,就能给提交者反悔的机会。JavaScript提供的标准对话框有好几种,我们把它列在下表中,供你使用时参考。

    名称及用法                       用法解释                                 返回值  
确认对话框:
re=confirm("确认信息")        选择“确认”或“取消”,用返回值控制响应       真或假(True/False)  
                                                                             
警告对话框:                                                            
alert("警告信息")             仅是一个警告,点击“确定”自动消失            无返回值  

输入对话框:
re=prompt("问题","默认回答") 返回用户输入的信息,做下一步的操作            用户输入的文本串或空值  


27.简单的鼠标跟随

当鼠标在这个页面上移动时会有一个可爱的小鼹鼠跟着你的鼠标跑来跑去,很有趣,那这种效果是如何实现的呢?

  我们先把源码粘贴框中的JavaScript代码加入到Html的<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(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>  

然后选择一幅图片,假设图片的路径是“img\\haha.gif”,然后加入一个层,并把它的ID改为“floatDiv”(与上面代码中的层的ID保持一致),把图片放置到层中即可。我们也可以直接在Html的<body>之间插入如下的代码,这跟上面操作的效果是一样的。

<div id="floatDiv" style="position:absolute;"><img src="img/haha.gif" width="53" height="74"></div>

好了,现在浏览一下网页,看看效果吧。

28.调查信息以Email形式发送

在一些页面上我们经常能看到调查信息,它是反馈浏览者信息的重要方式,这个例子是一个简单的调查,填写的信息将以电子邮件方式直接发送到指定信箱。

                调查信息  
你的姓名:      
你的Email地址:   
你对网页制作技巧栏目的意见和建议:


发送  重填  
注意:按下“发送”按钮后你填写的内容将以电子邮件方式发送给我们(ketang.pc@goldhuman.com)   
     
这个例子的实现步骤如下:

  先在页面上作一个调查表单,可以参照上面的制作,也可以直接拷贝下面代码粘贴框中的代码到Html的<body>标签内:
<form name="testform" method="OST" action="mailtketang.pc@goldhuman.com?subject=调查信息"  enctype="text/plain">
                    <div align="left">你的姓名:     
                      <input type="text" name="text1" size=20>
                      <br>
                      你的Email地址:  
                      <input type="text" name="text2" size=20>
                      <br>
                      你对网页制作技巧栏目的意见和建议:<br>
                      <textarea name="text3" cols="50" rows="4"></textarea>
                      <br>
                      <input type="submit" value="发送" name="submit">
                        
                      <input type="reset" value="重填" name="reset">
                      <br>
                      注意:按下“发送”按钮后你填写的内容将以电子邮件方式发送给我们(ketang.pc@goldhuman.com)  
                    </div>
                  </form>

需要改动的地方是<form>标签内的action属性的电子邮件地址,把它改为你所需要的即可。


29.绝对去掉广告的方法!
只要在你主页的最前面加上  
<script>   
clase();   
</script>   
这个代码就可以了!  
因为广告是在你上传主页的时候网易自动加在你主页的最前面!那么上面那段代码自然就到广告的后面去了哦!所以……呵呵!

30.在网页中嵌入media播放器:  
   将下面这段程序放在<body>....</body>之间  

<div align="center">  
  <table width="405" border="8" cellspacing="5" cellpadding="5" bordercolorlight="#FFFF00">  
    <tr>  
      <td width="672" bordercolor="#FFFFFF" bordercolorlight="#ffff00">  
        <object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" id="mediaplayer1" width="700" height="350">  
         <embed>  
           <param name="SRC" value="aaa.mpa">  
         </embed>  
        </o
发新话题
最近访问的版块