巧用Behaviors制消息框

来源:网络时间:2011-04-21

  当网友在你的留言簿上写完留言,按下提交按钮的时候,弹出一个消息框,显示“谢谢您的留言!”,是不是让人感到体贴;这样的网页效果用Behaviors的PoppupMessage动作来制作是非常方便的,虽然用PoppupMessage动作做消息框不怎么美观,但在制作网页上“瘦身”是很重要的。当然用Behaviors的OpenBrowseWindow动作也可以方便地做出来,而且可以做得很漂亮,但那必须先做一个页面,对于此类简短信息,用OpenBrowseWindow动作就有点杀鸡用牛刀的感觉。所以还是用PoppupMessage动作比较实惠。下面我们就来动手做:
  
  一、按钮的消息框
  
  制作方法:
  
  1、在“Form”对象面板上点击按钮图标插入一个按钮,在按钮的属性面板上“Lable”属性的输入框中输入“提交留言”;
  
  2、选取按钮,也就是在按钮上用鼠标点一下,再按F8,调出Behaviors面板,在面板上点击“+”图标,在拉出的动作列表中选择PoppupMessage动作,立即弹出对话框:
  
  3、这个PoppupMessage动作对话框比较简单,你只要在“Message:”右面的窗口中输入要显示的消息就行了,然后按OK按钮返回behaviors面板;
  
  4、在Behaviors面板上,把触发事件改为onClick则全部操作完毕,按F12就可以看到效果了,当你按下按钮,立即就会弹出一个消息框,显示你写入的消息,一切如愿。
  
  二、在复制网页内容时弹出消息框
  
  1、把要在复制时弹出消息框的网页内容做成一个超级链接(最后可把超级链接去掉,具体操作可参考本专题的“用好Behaviors革本功”一文),然后按F8,调出Behaviors面板,同上例一样的操作,加载PoppupMessage动作。
  
  2、在Behaviors面板上把触发事件改为:OnBeforCopy,结束。
  
  你发现了吗?当在Behaviors面板上按下那个三角形图标选择触发事件时,有几个事件均与复制操作有关,到底选择那一个好呢?我先解释一下那几个事件的含义,然后你看着办吧!
  
  OnCopy:在复制网页中的内容时,该事件触发,也就是在按鼠标右键后,在弹出的快捷菜单上选择“Copy”时弹出消息框,这样复制操作照常进行。若不是用点击鼠标右键而是直接用“Ctr+C”命令,此事件不被触发,也就不会弹出消息框了;
  
  OnBeforCopy:在对网页内容复制之前,该事件触发,也就是在按下鼠标右键后,快捷菜单出来前弹出消息框,所以复制操作不能进行,若不是用点击鼠标右键而是直接用“Ctr+C”命令,此事件同样被触发,弹出消息框,复制操作照常进行;
  
  OnCut:在对网页内容剪切时,该事件触发,也就是在按鼠标右键后,在弹出的快捷菜单上选择“Cut”时弹出消息框,这样剪切操作照常进行。若不是用点击鼠标右键而是直接用“Ctr+X”命令,此事件不被触发,也就不会弹出消息框了;
  
  OnBeforCut:在对网页内容剪切之前,该事件触发,也就是在按下鼠标右键后,快捷菜单出来前弹出消息框,所以剪切操作不能进行,若不是用点击鼠标右键而是直接用“Ctr+X”命令,此事件同样被触发,弹出消息框,剪切操作照常进行。
  
  PoppupMessage动作用起来还是很方便吧!这个动作占用代码较少,若需要就用吧!

意见反馈
发表评论

最新评论(共0条)