[求助]一个鼠标经过的效果(页 1) - 网页设计(UI)

谁与争疯 发表于 2007-7-8 19:23

[求助]一个鼠标经过的效果

[求助]一个鼠标经过的效果 有文字“首页”当鼠标经过的时候，变成粗体“首页”，离开的时候，变回原样。 请问怎么弄？

风过无影 发表于 2007-7-9 01:18

你可以用css做; 还有我告诉你;如查你看中你喜欢的有类似的网站风格你可以用一个网站离线下载器把他的网站的下载下来;

lmhllr 发表于 2007-7-9 20:12

回复：（风过无影）你可以用css做; 还有我告诉你;如查...

这个我会,够大吧,哈哈 [code] <style>  </style> <div onmouseover="this.className='bolderClass'" onmouseout="this.className='';">首页</div> [/code]

谁与争疯 发表于 2007-7-9 20:18

lmhllr 你的技术我是信得过的，但是，~我要变粗体，不是变这么大的字体~~~[em09]

漂流瓶 发表于 2007-7-10 08:28

粗体应该也有那个属性吧

cyyu_ryh 发表于 2007-7-10 09:11

3楼的老大你也太夸张了撒 楼主可以在3楼的代码内修改下撒

bestlife 发表于 2007-7-10 16:34

[code] <style>  </style> <div onmouseover="this.className='font_B'" onmouseout="this.className='';">加粗</div> [/code]
[align=right][color=#000066][此贴子已经被作者于2007-7-10 16:38:12编辑过][/color][/align]

bestlife 发表于 2007-7-10 16:41

[code] <script> //爆裂代码 var x_step=new Array(); var y_step=new Array(); var x_randompos=new Array(); var y_randompos=new Array(); var x_startpos=0; var y_startpos=0; var x_slices=8; var y_slices=3; var width_slice=0; var height_slice=0; var spancounter=0; var pause=10; var max_loop=20; var i_loop=0;
function explode_init(f) { spancounter=0; if (f.all) { for (i=0;i<=y_slices-1;i++) { for (ii=0;ii<=x_slices-1;ii++) { f.write(""); spancounter++ } } spancounter=0; } }
function explode_start(obj) { var f=wog_view.document; var img = f.getElementById(obj);//eval("parent.wog_view.document."+obj); width_slice=Math.floor(img.width/x_slices); height_slice=Math.floor(img.height/y_slices); if(img.style.left.search("%")==-1) { x_startpos = img.style.posLeft; } else { x_startpos = (f.body.offsetWidth-20) * (img.style.posLeft)/100; }
 if(img.style.top.search("%")==-1) { y_startpos = img.style.posTop; } else { y_startpos = (f.body.offsetHeight - 5) * img.style.posTop/100; } cliptop=0; clipbottom=height_slice; clipleft=0; clipright=width_slice; i_loop=0;
 spancounter=0; for (i=0;i<=y_slices-1;i++) { for (ii=0;ii<=x_slices-1;ii++) { x_randompos[spancounter] = Math.ceil(f.body.offsetWidth*Math.random()); y_randompos[spancounter] = Math.ceil(f.body.offsetHeight*Math.random()); var thisinnerspan=f.getElementById("span"+spancounter); thisinnerspan.innerHTML="<img id='spimg"+spancounter+"' src='"+img.src+"' style='FILTER: alpha(opacity=100);'>" thisinnerspan.style.posLeft = x_startpos; thisinnerspan.style.posTop = y_startpos; thisinnerspan.style.clip = "rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"; clipleft+=width_slice; clipright+=width_slice; spancounter++; } clipleft=0 clipright=width_slice cliptop+=height_slice clipbottom+=height_slice } spancounter=0;
 img.style.display = "none"; explode_IE(f); }
function explode_IE(f) { spancounter=0;
 for (i=0;i<=y_slices-1;i++) { for (ii=0;ii<=x_slices-1;ii++) { try{ var thisspan=f.getElementById("span"+spancounter).style; x_step[spancounter]=(x_randompos[spancounter]-thisspan.posLeft)/(max_loop); y_step[spancounter]=(y_randompos[spancounter]-thisspan.posTop)/(max_loop); thisspan.posLeft+=x_step[spancounter]; thisspan.posTop+=y_step[spancounter]; var eimg = f.getElementById("spimg"+spancounter); eimg.filters.alpha.opacity = (eimg.filters.alpha.opacity-100/(max_loop)); spancounter++; if(max_loop==i_loop) thisspan.display = "none"; }catch(e){} } } i_loop++;
 spancounter=0; if(max_loop>=i_loop) var timer=setTimeout("explode_IE(parent.wog_view.document)",pause); } //爆裂代码结束 </script>
<form id="wog_view"> <img id="img" src="<a href="http://bbs.bc-cn.net/aaa/logo.gif" target="_blank" >http://bbs.bc-cn.net/aaa/logo.gif</A>"> </form> <script> explode_init(wog_view.document); explode_start("img"); </script>
[/code]

udbyygy 发表于 2007-7-13 12:14

[CODE]<script language="javascript"> function shou1(a){a.className="se"} function shou2(a){a.className=""} </script> <style type="text/css"> td{cursor: hand;} .se{ color:blue; filter:glow(color:red,strength:5) } </style> <table width="798" height="40" border="0" cellspacing="0" cellpadding="0"> <tr id="a1" align="center" > <td onMouseOver="shou1(this)" onMouseOut="shou2(this)">首页</td> <td onMouseOver="shou1(this)" onMouseOut="shou2(this)">学习</td> <td onMouseOver="shou1(this)" onMouseOut="shou2(this)">开心</td> <td onMouseOver="shou1(this)" onMouseOut="shou2(this)">班级</td> <td onMouseOver="shou1(this)" onMouseOut="shou2(this)">aaaa</td> <td onMouseOver="shou1(this)" onMouseOut="shou2(this)">注册</td> </tr></table>[/CODE]

udbyygy 发表于 2007-7-13 12:18

<DIV class=htmlcode>
<html><head><title>aa</title> <Meta content=revealTrans(Transition=14,Duration=3.0) http-equiv=Page-enter> <style type="text/css"> div{ width:0px; background:url(http://bbs.city597.com/upload/2006/11/08/150155.gif ) } table{ letter-spacing:2px; font-size:20px; font-weight:100; filter:mask(color=#000000) } </style> </head><body bgcolor="#000000"><div><table border="0" cellpadding="0" cellspacing="0"> <tr><td id="aa">我是中国人</td></tr></table></div> </body></html> <form> 请输入:<input type="text" name="ab"> <input type="button" value="变成闪字" onclick="ss(ab.value)"> </form> <script language="javascript"> function ss(a){ aa.innerText=a } </script> </DIV> 
[align=right][color=#000066][此贴子已经被作者于2007-7-13 12:35:59编辑过][/color][/align]

udbyygy 发表于 2007-7-13 12:37

取消超连接有问题啊,斑竹

lmhllr 发表于 2007-7-13 12:50

<DIV class=quote>以下是引用谁与争疯在2007-7-9 20:18:09的发言： lmhllr 你的技术我是信得过的，但是，~我要变粗体，不是变这么大的字体~~~[em09]</DIV>
谢谢！ 我只是弄得好玩点，你修改一下就可以了！font-weight表示字体粗细的。。。size表示大小。。。

lmhllr 发表于 2007-7-13 12:53

一个比一个猛！ 8楼和9楼的代码真棒！ 我偷偷CP下来了。。。[em02] 10楼那个似乎有问题！没看代码，不知道怎么回事

页: [1]