有一个很有意思的效果我想做出来，请各位JS高手帮帮忙，做得好得分。

Question

呼呼~~，累死我了，看看是不是你想要的<script>
var thefont
var i=0,j=0
var thefonts=new Array()
function showit(obj){
thefont=obj
e=event.srcElement
t=e.offsetTop; 
l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;}
tips.style.display=""
tips.style.left=l+event.srcElement.offsetWidth
tips.style.top=t+event.srcElement.offsetHeight
expan()
 }
function hideit(){
tips.style.display="none"
tips.style.width=0
tips.style.height=0
tips.innerHTML=""
i=0
j=0
}
function showmessage(){
thefonts=thefont.split("")
addfont()
}
function addfont(){
if(j<thefonts.length){
tips.innerHTML="<font color=black>"+tips.innerText+"</font><font color=white>"+thefonts[j]+"</font>"
setTimeout("addfont()",50)
}
j++
}
function expan(objs){
if(i<150){
tips.style.width=i*2
tips.style.height=i*1
setTimeout("expan()",10)
}
else
if(i==150)
showmessage()
i++
}
</script>
<style type=text/css>
a {font-size:14px;color:#666666;font-family:"tahoma";text-decoration: none}
span{font-size:12px;color:black;font-family:Verdana;border:1 solid gray}
</style>
<a href="#" onmouseover="showit('123 123 123 123 123 123 123 123 123 123 123 123 123 123 123 123.')" onmouseout=hideit()>123</a>
<span id=tips style="position:absolute;width:0px;height:0px;background:#cccccc;display:none;filter: Alpha(opacity=60)"></span>

Answer 1

我也刚做出来这种效果。但还没有完成啊，因为还有一个效果是一开始的时候是一个图片，有了邮件以后就触发由开始的图片改了另一个图片，然后提示使用者有邮件到，然后才到我们现在完成的效果啊。可以的话请再帮忙完善它，因为我主要想要的是这个发EMAIL系统。谢谢。

Answer 2

bencalie(Bencalie) 的效果有点不完美，因为如果鼠标经过多次以后就效果就不是很好啦,有时会失真，不是再可以比例放大。你也做得不错，分我一定会给的，不过要到完善好再算，因为这里不可以一次给500分，可以的话我就答得好都有比较多的分，而现在只可以用100分来分啦，所以你要等啰，不好意思啰，不过如果你一个人都做得出来那全给你。谢谢你的帮忙。

Answer 3

这个发邮件的东西还可以http://www.incredimail.com/english/index.html

Answer 4

我鼠标经过N次都没事，还要加上你如下说的效果？＝＝＝＝＝＝＝＝＝
还有一个效果是一开始的时候是一个图片，有了邮件以后就触发由开始的图片改了另一个图片，然后提示使用者有邮件到，然后才到我们现在完成的效果啊。
＝＝＝＝＝＝＝＝＝这还用动手吗？有邮件的时候改变图片的src，并弹出对话框提示邮件到，再执行我上面的代码。

Answer 5

那就不单单是JS的问题了,发邮件要使用Jmail之类的组件，ASP版也许能给你解决。

Answer 6

噢，那你帮我解决可以吗？我对ASP还是不是太熟悉，做出来如果有多个文件的话可以发到我最上面写的EMAIL里，好吗？谢谢。

Answer 7

net_lover(孟子E章)，我看过那个工具啦，做得不错的，不过不知道用什么来做的呢？如果你有原代码的话就给我好吗？谢谢。

Answer 8

<input type="button" onmouseover="ObjOver('abcdef&copy;gheightabcdef&copy;gheightabcdef&copy;gheightabcdef&copy;gheightabcdef&copy;Ygheight',this)">
<script language="JScript">
var str="",bor=0;
function ObjOver(obj,even){
MailObjBox.style.display="";
MailObj.innerHTML="";
bor=0;
ChS(obj);
function even.onmouseout(){
MailObjBox.style.display="none";
MailObjBox.style.width="0";
MailObjBox.style.height="0";
}
}
function ChS(obj){
if(MailObjBox.style.pixelWidth<200){MailObjBox.style.pixelWidth+=2;MailObjBox.style.pixelHeight++;setTimeout("ChS('"+obj+"')",5);
}
else{str=obj;WrS();
}
}
function WrS(){
if(bor<str.length){
MailObj.innerHTML="<font color=black>"+str.slice(0,bor).replace(/&copy;/g,'<br>')+"</font>"+"<font color=red>"+str.slice(bor,bor+1).replace(/&copy;/g,'<br>')+"</font>";
bor++;
setTimeout(WrS,100);
}
}
</script>
<div style="position:absolute;width:0;height:0;border:1 solid black;background:#cccccc;font-size:9pt;display:none;overflow:hidden" id="MailObjBox"><div style="width:100%;height:100" id="MailObj">a</div></div>

Answer 9

论坛把我的特殊符号～～
下面这个
==============================
<input type="button" onmouseover="ObjOver('abcdef※gheightabcdef※gheightabcdef※gheightabcdef※gheightabcdef※gheight',this)">
<script language="JScript">
var str="",bor=0;
function ObjOver(obj,even){
MailObjBox.style.display="";
MailObj.innerHTML="";
bor=0;
ChS(obj);
function even.onmouseout(){
MailObjBox.style.display="none";
MailObjBox.style.width="0";
MailObjBox.style.height="0";
}
}
function ChS(obj){
if(MailObjBox.style.pixelWidth<200){MailObjBox.style.pixelWidth+=2;MailObjBox.style.pixelHeight++;setTimeout("ChS('"+obj+"')",5);
}
else{str=obj;WrS();
}
}
function WrS(){
if(bor<str.length){
MailObj.innerHTML="<font color=black>"+str.slice(0,bor).replace(/※/g,'<br>')+"</font>"+"<font color=red>"+str.slice(bor,bor+1).replace(/※/g,'<br>')+"</font>";
bor++;
setTimeout(WrS,100);
}
}
</script>
<div style="position:absolute;width:0;height:0;border:1 solid black;background:#cccccc;font-size:9pt;display:none;overflow:hidden" id="MailObjBox"><div style="width:100%;height:100" id="MailObj">a</div></div>

Answer 10

有兴趣的人一起做我本来想做的可收发EMAIL的邮箱功能，就是可以做出一个邮箱，当想发EMAIL时就点击用来连接的图片，然后就用缩放效果弹出一个发EMAIL的东西，如果有新邮件的时候就提示，然后用户可以点击连接的图片然后就用缩放效果弹出收到的邮件列表，当然用户要打开邮件时就用这种效果来实现。其它的也要。好吗？谢谢大家。

Answer 11

dylanOK
有分么？
对了
结帖区有一个是倒分帖
http://www.csdn.net/Expert/TopicView1.asp?id=1063365

Answer 12

dylanOK，这个我也知道，但对于我这个没有接触过ASP的人来说是一个难题，不过我现在开始学，我就是想用这个来帮助我去学好ASP。不知可不可以，但这个效果它有JS加ASP的用法，可以说给我学到一个网页制作方面的东西，也有一个好的提高。我不是不想做，我只是真的对ASP一点都不会，现在刚买一些书来学吧啦。有问题的话我会请教ASP高手的。所以我想大家帮我做这个来作为我的学习ASP的参考。因为听说书的有些代码不好。谢谢大家。

Answer 13

flashsoft2000(FS2K) ,有分。你没分了吗？只是不太多.要的话给我发msg 吧.
hui_feng(盘桃2) ,我明白，我的意思是你尽量多动手.希望你早日修成正果:)
看来 lanbor(兰波)  有兴致一试身手了 :-P

Answer 14

dylanOK，我知道啦，谢谢你的指教。你也多点指点小弟的ASP和其它方面的东西啊，我也想早日修成正果。谢谢。

Answer 15

goldenlove(潇洒.net)老兄，那个点击后缩放效果出来，但我现在是想做那个电子邮箱功能，就是想做出一个邮箱，进入邮箱以后有常用的功能的图片（按钮）选择。当想发EMAIL时就点击用来连接的图片，然后就用缩放效果弹出一个发EMAIL的东西，发出去的时候也要做出一个发EMAIL的动态效果。如果有新邮件的时候就提示，然后用户可以点击连接的图片然后就用之前我们完成的缩放效果弹出，如果没有邮件，只想看以前的EMAIL就用这种效果来弹出已经有的邮件列表。其它功能都要加这种相似的效果。

Answer 16

倒～
还没有解决呀，这个发mail的东西你需要做成什么样呀？
不明白
 dylanOK(岱岚) 
呵呵，你误会了，我说的是这个帖子有分么～
我的可用分还有那么多，只是专家分太少了，（没有时间来这里）

Answer 17

ASP是想做什么就能做什么的，但是不是说，你想出来效果让别人做好，你再去学。自己一步步来，不在于时间多少，在制作中一定会有提高的。

Answer 18

flashsoft2000(FS2K)，我还没有做得出来啊，所以想有人给一个提示啊。那个EMAIL效果是我做到一点点，只是不知道怎样把发EMAIL的效果放进我们完成的那个层里面去，有新EMAIL的话就提示，收EMAIL的话就也是在那个层里加上一个EMAIL列表，还有现在电子邮箱常用的功能也想做出一种这样的效果啊。

Answer 19

那你已经做到了检查有新mail？
用什么着的？
pf～

Answer 20

我就是没有做到检查有新MAIL的功能啦，我连发MAIL的功能放在那个层里都做不出来啊。那可能做出可以检查有新MAIL的功能啊，所以要你帮帮忙啦。：P

Answer 21

倒~~~~~~~这个贴子发得远,51上发了又到这里来发...
说51上那贴子是“很有意思的效果”倒也过得去,这里这个
要收要发,得配合服务器啊,已经是一个比较完整的功能了...不是一下子弄得好的,而且一般需要邮箱支持pop3,否则没法收.

Answer 22

var str="",bor=0,x,y;
function ObjOver(obj,even){
docbox.style.display="";
doc.innerHTML="";
bor=0;
ChS(obj);
function even.onmouseout(){
docbox.style.display="none";
docbox.style.width="0";
docbox.style.height="0";
clearTimeout(x);
clearTimeout(y);
}
}
function ChS(obj){
if(docbox.style.pixelWidth<200){docbox.style.pixelWidth+=2;docbox.style.pixelHeight++;x=setTimeout("ChS('"+obj+"')",1);
}
else{
str=obj;WrS();
}
}
function WrS(){
doc.innerHTML="<font color=#666666>"+str.slice(0,bor).replace(/&/g,'<br>')+"</font>";
if(bor<str.length){
doc.innerHTML="<font color=#666666>"+str.slice(0,bor).replace(/&/g,'<br>')+"</font>"+"<font color=#666666>_</font>";
bor++;
y=setTimeout(WrS,50);
}
}把上面的一个稍微改了一点点，可能好些。
里面的/&/g是正则表达式吗？ 最后的那个g是什么用的。好象没有就不行。

Answer 23

<script>
var thefont
var i=0,j=0
var thefonts=new Array()
function showit(obj){
thefont=obj
e=event.srcElement
t=e.offsetTop; 
l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;}
tips.style.display=""
tips.style.left=l+event.srcElement.offsetWidth
tips.style.top=t+event.srcElement.offsetHeight
expan()
 }
function hideit(){
tips.style.display="none"
tips.style.width=0
tips.style.height=0
tips.innerHTML=""
i=0
j=0
}
function showmessage(){
thefonts=thefont.split("")
addfont()
}
function addfont(){
if(j<thefonts.length){
tips.innerHTML="<font color=black>"+tips.innerText+"</font><font color=white>"+thefonts[j]+"</font>"
setTimeout("addfont()",50)
}
j++
}
function expan(objs){
if(i<150){
tips.style.width=i*2
tips.style.height=i*1
setTimeout("expan()",10)
}
else
if(i==150)
showmessage()
i++
}
</script>
<style type=text/css>
a {font-size:14px;color:#666666;font-family:"tahoma";text-decoration: none}
span{font-size:12px;color:black;font-family:Verdana;border:1 solid gray}
</style>
<a href="#" onmouseover="showit('123 123 123 123 123 123 123 123 123 123 123 123 123 123 123 123.')" onmouseout=hideit()>123</a>
<span id=tips style="position:absolute;width:0px;height:0px;background:#cccccc;display:none;filter: Alpha(opacity=60)"></span>

Answer 24

shoyour(凤凰城主) ：
我倒，居然把人家要求的换行去掉了，还说稍微好点
～～^_^

Answer 25

但是上面的代码在查看的时候会有一个问题，就是当要看的内容过多超过一定数量网页就出现滚动条，那时候在滚动条下面的就看不见了！所以我在使用该代码的时候稍稍做了一点修改希望作者不要介意！修改如下：
<a href="#" onmouseover＝turn()>123</a>
在<script>里面添加了：
var temp=0turn(){
if(temp==0){
showit("123 123 123 123 123 123 .");
temp=1;
}else{
hideit();
temp=0;
}
}
这样在查看的时候就不会出现上述问题！