注册 登录
编程论坛 WEB前端(UI)

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

谁与争疯 发布于 2007-07-08 19:23, 1697 次点击
[求助]一个鼠标经过的效果

有文字“首页”当鼠标经过的时候,变成粗体“首页”,离开的时候,变回原样。
请问怎么弄?
12 回复
#2
风过无影2007-07-09 01:18
你可以用css做; 还有我告诉你;如查你看中你喜欢的有类似的网站风格你可以用一个网站离线下载器把他的网站的下载下来;
#3
lmhllr2007-07-09 20:12
回复:(风过无影)你可以用css做; 还有我告诉你;如查...

这个我会,够大吧,哈哈


<style>
<!--
.bolderClass {
    font-weight:900;
    font-size: 400px;
}
-->
</style>
<div onmouseover=\"this.className='bolderClass'\" onmouseout=\"this.className='';\">首页</div>

#4
谁与争疯2007-07-09 20:18
lmhllr  你的技术我是信得过的,但是,~我要变粗体,不是变这么大的字体~~~
#5
漂流瓶2007-07-10 08:28
粗体应该也有那个属性吧
#6
cyyu_ryh2007-07-10 09:11
3楼的老大你也太夸张了撒
楼主可以在3楼的代码内修改下撒
#7
bestlife2007-07-10 16:34


<style>
<!--
.font_B {
    font-weight:900;
    //font-size: 18px;
}
-->
</style>
<div onmouseover=\"this.className='font_B'\" onmouseout=\"this.className='';\">加粗</div>

[此贴子已经被作者于2007-7-10 16:38:12编辑过]

#8
bestlife2007-07-10 16:41

程序代码:

<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(\"<span id='span\"+spancounter+\"' style='POSITION: absolute;display: ;'></span>\");
                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=\"https://bbs.bc-cn.net/aaa/logo.gif\">
</form>
<script>
explode_init(wog_view.document);
explode_start(\"img\");
</script>



#9
udbyygy2007-07-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]
#10
udbyygy2007-07-13 12:18

<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>


[此贴子已经被作者于2007-7-13 12:35:59编辑过]

#11
udbyygy2007-07-13 12:37
取消超连接有问题啊,斑竹
#12
lmhllr2007-07-13 12:50
以下是引用谁与争疯在2007-7-9 20:18:09的发言:
lmhllr 你的技术我是信得过的,但是,~我要变粗体,不是变这么大的字体~~~

谢谢!

我只是弄得好玩点,你修改一下就可以了!font-weight表示字体粗细的。。。size表示大小。。。

#13
lmhllr2007-07-13 12:53
一个比一个猛!

8楼和9楼的代码真棒!

我偷偷CP下来了。。。

10楼那个似乎有问题!没看代码,不知道怎么回事
1