分享

如何制作漂亮 的弹出窗口 --JavaScript-建站技术--睿学电脑技术网

 金秋枫叶红 2010-06-08


睿学电脑专家提供,编程技术,SEO技术,网站技术,建站技术,软件应用,网上赚钱,提高流量,网络安全交流

弹出窗口的参数,在javascript教程里有详细的介绍,你有必要去买这本书,或者从Google上找个教程,下面整理一下各参数的作用,以及具体操作方法。注意,有关涉及到编程、代码的步骤,应该用记事本来做,不要在Dreamweaver下操作,否则,会有意想不到的麻烦。


一、如何在打开网页时弹出一个页面?

很简单。只要在网页代码最后加入这句:

<script>window.open("URL","a","width=420,height=330")</script>

参数说明,第二个属性"a",表示窗口的名字,它的意义在于,当你刷新原始的这页全窗口的时候,弹出窗口就会刷新一次;而如果把名字省略,改为"",那么当刷新这页的时候,就会新增加一个弹出窗口。


二、如何点击超链接弹出一个窗口?

它的代码如:

<a style="cursor:hand" onclick='window.open("URL","","width=420,height=330")'>超链接描述文字</a>

三、如何批量实现第二步的效果?

<script>function y(e){window.open(e,"","width=400,height=300")}</script><style>.h{cursor:hand}</style>
<a onclick=y("http://www.")class=h> 网页树树</a>
<a onclick=y("
http:///co")class=h> 自由勇主页</a>
<a onclick=y("
http://www.cctv.com")class=h> 中央电视台</a>

四、如何实现带有地址栏和工具栏的弹出窗口?

这样做就没什么意义了,还不如直接就做个超链接。详细参数如:toolbar表示工具栏,menubar表示菜单栏,scrollbars表示滚动栏,resizabl表示是否允许改变窗口大小,location表示是否显示地址栏,status表示是否显示状态栏内。默认情况下,都是否;值选为1或yes,表示是。

这里只举滚动栏的例子,因为只有它对我们来说是有真正意义的:

<a style="cursor:hand" onclick='window.open("URL","a","width=430,height=330,scrollbars=1")'>超链接描述文字</a>

五、如何制作精美的弹出窗口呢?

    这就需要有见多识广的实际经验,逐渐培养良好的审美观念,多浏览国内大型网站、外国网站,这都是我们学习的好榜样,有创意的东西才是最有生命力的,才会让人眼前一亮。精美的弹出窗口不仅体现在美术设计方面,还体现在内容的清新。

    我们可以看看一些商业网站的弹出窗口,内容的中心非常明确。要想让弹出窗口能取得一定的效果,图片是必不可少的,也可以写醒目的大标语,再加上简要的介绍。“详情请进”这个链接也是很有必要的,要巧妙地设置超链接。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多