Javascript实例教程(13) 鼠标触发窗口

2016-02-19 13:41 7 1 收藏

今天图老师小编给大家介绍下Javascript实例教程(13) 鼠标触发窗口，平时喜欢Javascript实例教程(13) 鼠标触发窗口的朋友赶紧收藏起来吧！记得点赞哦~

【 tulaoshi.com - Web开发】

利用javascript产生鼠标移过时弹出窗口

本节教程将介绍当鼠标移过图片的时候弹出一个窗口的设计。这个弹出的窗口是一个标准的网页，你可以设置它的大小。

首先在网页的Header标签处加入以下代码：

SCRIPT LANGUAGE="Javascript"

var popupwindow_window = null;

function popupwindow(status,url) {

if(status != 0) {

if(popupwindow != null) popupwindow.focus();

else {

var popupwindow = open(url, "popupwindow", "width=350,height=225");

//这里设置弹出窗口的大小，宽度为350，高度为225.

popupwindow_window = popupwindow;

}

} else {

if(popupwindow_window != null) popupwindow_window.close();

}

}

/SCRIPT

那如何调用这个JavaScript脚本呢？具体代码如下：

This is your link A HREF=""

img src="/images/NullPic.gif"

hspace=0 vspace=0 border=0 alt="Network"/A

这样你只要将鼠标移过图片picture.gif的时候，就会弹出一个宽度为350，高度为225的网页了。

点击此处去测试效果页面

来源:http://www.tulaoshi.com/n/20160219/1604990.html

上一篇： Linux识别不了u盘的解决方法
下一篇： Javascript实例教程(20) OLE Automation(3)

看过《Javascript实例教程(13) 鼠标触发窗口》的人还看了以下文章更多>>

JavaScript实例教程（十）页面窗口的由小变大

标签： Web开发

有没有这种经历，当你打开一个链接的时候，浏览器窗口由小变大，呈现一个渐变的过程。下面，我们就来介绍这种动态效果的由来，大家可要看仔细了。这种程式的思路就是先根据浏览器的可利用的宽度和高度，算出一个中心坐标点，然后每次都把窗口定位到这个点上，再算出相应窗口的变大尺寸，循环50次，从而最终回到浏览器最大化时的状态...

Javascript实例教程(18) 数组

标签： Web开发

使用javascript数组在JavaScript 1.0中构造器只存在Date对象和用户定义的对象。你可能期望有个数组构造器，但是一直没能实现，直到JavaScript 1.1的出现，你的期望成为了现实。我们可以如下来定义用户对象： function blankArray(n) { for (var i=0; i n; i++) this[i] = null; this.length = n; } blankArray函数创建了一个数组，这个...

Javascript实例教程(21-2)

标签： Web开发

使用JavaScript中的OLE Automation 什么是Automation OLE（对象连接和嵌入）Automation允许应用程序完成通讯、交换数据以及控制其它应用程序等等。它还允许一个客户应用程序通过使用暴露对象的界面来创建和控制一个对象。一个Automation对象是可以通过Automation界面暴露给其它应用程序或者编程工具的一个对象。 Automation提供了一个文档...

Javascript实例教程(21-11)

标签： Web开发

使用JavaScript中的OLE Automation 7. 怎样处理集对象 Automation对象与其它的Jscript对象有些有相同的结构。它暴露了多种方法和属性，我们可以对它们进行处理。如果你从来没有接触Visual Basic，你可能就不熟悉集对象了。集就是相关项的组。集用在Visual Basic主要是为了保持跟踪许多事情，比如从你的程序（表单集）中装载表单，或者表单（...

Javascript实例教程(20-7)

标签： Web开发

好吧，现在让我们来测试一下这个宏。请在HotTMetaL中打开一个文档并将视图切换到源程序视图。你可以在ProgGuide目录中选择其中一段。并且通过使用Tools（工具）-Customization（定制）关闭Enable Source Layout按钮。接着将其中一行用加入空格往右移，再从工具菜单中调用宏对话框。这时会展现出定义在HotMetaL.mcr文件的宏的列表。然后运行Refr...

查看更多精彩>>