几个js的弹窗应用实例
弹窗可以说是当前很多网站的惯用手法了，几乎成了广告泛滥的重灾区。那么，我们也可以制作自己的弹窗。当然，我们是用在“正道”上面，比如说给网站首页添加一个节日的弹窗效果，增加节日气氛；又如，发布一些网站公告，让读者对网站的近段重要活动有所了解。而且，弹窗并不只是这些作用，它还可以让我们的一些操作变的更为人性化。如何制作自己的弹窗呢？我这里用的是javascript来作为演示。
1、点击弹出“确认”对话框
<a href="#" onclik="{if(confirm('确认删除吗？')){return true;}return false;}" >点击删除</a>
2、搜索表单验证弹出“警告”对话框
<form name="serchtitle" onsubmit="if(serchtitle.ttt.value.length<1){alert('搜索关键字不能为空！');return false;} else {return true}">
3、搜索框中常用的形式一
<input type="text" onfocusin='vbscript:serachtitle.ttt.value=""' value="请输入关键字" name="ttt">
4、搜索框中常用的形式二
<input type="text" value="站内搜索" name="s" class="s" onfocus="if (this.value == '站内搜索') {this.value = '';}" onblur="if (this.value == '') {this.value = '站内搜索';}"/>
5、弹窗打开一个名为opennew.php的文件
<scritpt language="javascript">function open(){window.open("opennew.php","width=200, height=100, left=50, top=200, menubar=no ,toolbar=no, location=no, scrollbar=no");}</script>
打赏支持
Comments »