[求助]请问如何做出这种半透明的效果 - ASP技术论坛

楼主

问题点数：0 回复次数：8

[求助]请问如何做出这种半透明的效果

http://www.thuayuan.com
这是我做的

<img src="http://bbs.bc-cn.net/Images/userface/image17.gif"

onMouseOver="helpor_net_show(this,event,'看到了吧？')"

onMouseOut="helpor_net_hide()">
<img src="http://bbs.bc-cn.net/UploadFace/104029.gif"

onMouseOver="helpor_net_show(this,event,'看到了吧？')"

onMouseOut="helpor_net_hide()">
<img src="http://bbs.bc-cn.net/UploadFace/1949.gif"

onMouseOver="helpor_net_show(this,event,'看到了吧？')"

onMouseOut="helpor_net_hide()">
<div id="tooltip2"

style="position:absolute;visibility:hidden;width:200px;height:100px;background-

color:seashell">
<layer name="nstip" width="1000px" bgColor="seashell"></layer>
</div>
<SCRIPT language="JavaScript">
<!--

function initArray()
{
for(i=0;i<initArray.arguments.length;i++)
this[i]=initArray.arguments[i];
}
var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9

月","10月","11月","12月");
var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期

五","星期六","星期日");
today=new Date();
var stnr="";
var ns="0123456789";
var a="";
function getFullYear(d)
{
yr=d.getYear();if(yr<1000)
yr+=1900;return yr;
}

if (!document.layers&&!document.all)
event="test"
function helpor_net_show(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<table width=100% style="filter:alpha

(opacity=30)"><tr bgcolor=33ffff><td>'+isnDays[today.getDay()]+","+isnMonths

[today.getMonth()]+""+today.getDate()+"日,"+getFullYear(today)

+"年"+'</td></tr><tr><td>'+text+'</td></tr></table>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
}

function helpor_net_hide(){
document.all.tooltip2.style.visibility="hidden"
}

//-->
</SCRIPT>

[此贴子已经被作者于2007-5-21 16:33:58编辑过]

搜索更多相关主题的帖子: 半透明　效果　

第 2 楼

得分:0

我想要象这样的

[此贴子已经被作者于2007-5-21 16:37:04编辑过]

其实我就是改变社会风气，提高少女素质，刺激电影市道，提高年轻人内涵，玉树临风，风度翩翩的整蛊专家，我名叫古晶，英文名叫JingKoo！

第 3 楼

得分:0

是这个样子吗…………？

不过这个只有IE支持，FF不支持的…………

[CODE]<img src="http://bbs.bc-cn.net/Images/userface/image17.gif" onMouseOver="helpor_net_show(this,event,'看到了吧？')" onMouseOut="helpor_net_hide()">
<img src="http://bbs.bc-cn.net/UploadFace/104029.gif" onMouseOver="helpor_net_show(this,event,'看到了吧？')" onMouseOut="helpor_net_hide()">
<img src="http://bbs.bc-cn.net/UploadFace/1949.gif" onMouseOver="helpor_net_show(this,event,'看到了吧？')" onMouseOut="helpor_net_hide()">
<div id="tooltip2" style="FILTER:alpha(opacity=90);position:absolute;visibility:hidden;width:200px;height:100px;background-color:seashell">
<layer name="nstip" width="1000px" bgColor="seashell"></layer>
</div>
<SCRIPT language="JavaScript">

</SCRIPT>
[/CODE]

[此贴子已经被作者于2007-5-21 16:58:36编辑过]

第 4 楼

得分:0

回复：（zhulei1978）[求助]请问如何做出这种半透明的...

我帮你切出来了(有点不光明正大,但是网络资源共享嘛)

<html>
<head>
<style type="text/css">
body, p, td, th {font-size:12px; color:#000000 }
.bg_td { background-color:#f7f7f7; }
.td { background-image: url('http://www.thuayuan.com/skin/skin_1/bg_td.gif'); color: #996699; height: 23px; font-weight:bold }

</style>

//***********默认设置定义.*********************
var tPopWait=50; //停留tWait豪秒后显示提示。
var tPopShow=6000; //显示tShow豪秒后关闭提示
var showPopStep=20;
var popOpacity=95;
var tfontcolor="#000000";
var tbgcolor="#000000";
var tbordercolor="#666666";

//***************内部变量定义*****************
var pltsPop=null;
var pltsoffsetX = 10; // 弹出窗口位于鼠标左侧或者右侧的距离；3-12 合适
var pltsoffsetY = 15; // 弹出窗口位于鼠标下方的距离；3-12 合适
var pltsPopbg="#FF0099"; //背景色
var pltsPopfg="#880000"; //前景色
var pltsTitle="";
document.write('<div id=pltsTipLayer style="display: none;position: absolute; z-index:10001"></div>');
function pltsinits()
{
document.onmouseover = plts;
document.onmousemove = moveToMouseLoc;
}
function plts()
{ var o=event.srcElement;
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
pltsPop=o.dypop;
if(pltsPop!=null&&pltsPop!=""&&typeof(pltsPop)!="undefined")
{
pltsTipLayer.style.left=-1000;
pltsTipLayer.style.display='';
var Msg=pltsPop.replace(/\n/g,"<br>");
Msg=Msg.replace(/\0x13/g,"<br>");
var re=/\{(.[^\{]*)\}/ig;
if(!re.test(Msg))pltsTitle="『GuYeR』提示信息";
else{
re=/\{(.[^\{]*)\}(.*)/ig;
pltsTitle=Msg.replace(re,"$1")+" ";
re=/\{(.[^\{]*)\}/ig;
Msg=Msg.replace(re,"");
Msg=Msg.replace("<br>","");}
var attr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":"");
var content =
'<table style="FILTER:alpha(opacity=90) shadow(color=#bbbbbb,direction=135);" id=toolTipTalbe border=0><tr><td width="100%"><table class=td cellspacing="0" cellpadding="0" style="width:100%">'+
'<tr id=pltsPoptop ><th height=18 valign=bottom><b><p id=topleft align=left>↖'+pltsTitle+'</p><p id=topright align=right style="display:none">'+pltsTitle+'↗</font></b></th></tr>'+
'<tr><td "+attr+" class=bg_td style="padding-left:14px;padding-right:14px;padding-top: 6px;padding-bottom:6px;line-height:135%">'+Msg+'</td></tr>'+
'<tr id=pltsPopbot style="display:none"><th height=18 valign=bottom><b><p id=botleft align=left>↙'+pltsTitle+'</p><p id=botright align=right style="display:none">'+pltsTitle+'↘</font></b></th></tr>'+
'</table></td></tr></table>';
pltsTipLayer.innerHTML=content;
toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2);
moveToMouseLoc();
return true;
}
else
{
pltsTipLayer.innerHTML='';
pltsTipLayer.style.display='none';
return true;
}
}

</script>

</head>
<body>
<table class='bkx'><tr><td height='20'>· <a href='news_view.asp?id=1033' target=_blank alt='新闻标题：飞轮海范晓萱等出席活动--吴尊<br>发布人：站长<br>浏览次数：67 人次<br>整理时间：2007-5-6 9:26:43'>飞轮海范晓萱等出席活动--吴尊</a></td></tr></table>
<table class='bkx'><tr><td height='20'>· <a href='news_view.asp?id=1032' target=_blank alt='新闻标题：陈好化身美丽蝴蝶大使娇美可人引蝴蝶驻留<br>发布人：站长<br>浏览次数：59 人次<br>整理时间：2007-5-6 9:23:41'>陈好化身美丽蝴蝶大使娇美可人...</a></td></tr></table>

</body></html>

[此贴子已经被作者于2007-5-21 17:10:58编辑过]

http://www./