超级简化的js 确认框,弹出确认取消对话框

网页设计 No Comments

确认删除或者确认提交的时候,经常需要弹出一个确认框。

今天看到一个js的确认方法,超级简单

1
<input type="submit"  value="永久删除" onclick="return(confirm('确定删除?'))" />

制定input几种type的样式

网页设计 No Comments

做一个页面的时候,我自己没有对input的几种样式,指定class

我觉得一般比较正确的做法是,指定这个input的class name 或者id name

在方便的在css文件中修改它的样式

我现在要说的是,没有指定的情况下怎么改变样式

如果你在css中写,例如

1
2
3
4
5
input{
	font: 9pt Tahoma, Verdana;
	font-weight: normal;
	background: #ECF1F7;
}

你会发现,不管是输入框text模式还是按钮(submit方式)
背景都变成一样了。

怎么样只对比如input type=”text”的样式进行制定呢?
我发现这样可以

1
2
3
input[type=text]{
border: 1px solid #cccccc;
}

这样你就发现,按钮的样式没有跟随改变,但是text的边框已经变化了~

这个在ie 7.0 测试通过

其他不晓得~~

呵呵

 

网站的email地址怎么处理

网页设计 3 Comments

今天浏览一个老外的网站发现,老外对网站联系人的email经过了处理,我觉得也挺方便

一般而言,最差的方式是,

直接留email,比如网页最底下写上:supports@163.com

这个很容易就被别人搜集到,肯定不行,过不了多久,你的邮箱就是一堆的垃圾邮件了

我这样处理

1.把email地址做成图片,优点是不会被采集到,而且图片是“国际语言”不会乱码,缺点是更改比较麻烦

注:有读取图片文字的软件,只不过能用软件读取你的网站email地址,无异于脱了裤子放屁。。。

2.还有就是老外的这个办法了,他写到js里,也挺方面,省去了制作图片,而且容易更改内容

老外是调用一个mail.js文件

1
<script src="mail.js" type="text/javascript"></script>

文件的内容是:

1
2
3
4
5
6
7
8
9
10
document.write('<a href="');
document.write('mailto:');
document.write('serg036');
document.write('@');
document.write('gmail.com');
document.write('">');
document.write('serg036');
document.write('{at}');
document.write('gmail.com');
document.write('</a>');

 为什么要一行一行的写?

为什么不这样写:

1
document.write('<a href="mailto:serg036@gmail.com">serg036{at}gmail.com</a>');

我猜测是躲避搜索引擎,谣传搜索引擎是能读懂简单的js的

没做过实验,有兴趣的朋友可以试试,把实验结果告诉我,我公布公布

呵呵

Icons by N.Design Studio. Designed By Ben Swift. Powered by WordPress and Free WordPress Themes
Entries RSS Comments RSS Log in