求一个鼠标经过字会模糊的CSS代码

html-css014

求一个鼠标经过字会模糊的CSS代码,第1张

这是MM你给的网站上那个效果的核心CSS样式部分

.miss1 {

font-family: "Courier New", Courier, monospace

font-size: 14px

font-weight: bold

text-transform: capitalize

color: #3F3F41

letter-spacing: 4px

border-left-width: 4px

border-left-style: double

border-left-color: #A41C1C

left: 2px

padding-left: 3px

background-color:#000

}

a:link {

color: #9CAFA9text-decoration: none

}

a:hover {

color: #FF0000

text-decoration: none

position: relative

height: 0

filter:blur Alpha(Opacity=90, FinishOpacity=40, Style=2)

font-family: "Courier New", Courier, monospace

}

a:visited {

color: #888888text-decoration: none

}

a:active {

color: #A0AFACtext-decoration: none

}

我试了试,没成功就是了╮(╯▽╰)╭

鼠标滑过的关键字是a:hover

字体模糊的关键字是filter:blur Alpha(Opacity=90, FinishOpacity=40, Style=2)

这个是IE专有滤镜效果

大空间图像代码

皮肤代码

<img src="javascript:document.getElementById('all').style.background='url(图片网址)'" style="display:none">

主页导航:

<table width=100% onclick="bt_1.style.display=''bt_2.style.display=''bt_3.style.display=''bt_4.style.display=''bt_5.style.display=''bt_6.style.display=''bt_7.style.display=''bt_8.style.display=''"><tr><td align=center onmouseover=this.style.cursor='hand'onclick=guideButton(1)width=12.5%>主 页</td><td align=center onmouseover=this.style.cursor='hand'onClick=guideButton(2)width=12.5%>日 志</td><td align=center onmouseover=this.style.cursor='hand'onClick=guideButton(3)width=12.5%>音乐盒</td><td align=center onmouseover=this.style.cursor='hand'onClick=guideButton(4)width=12.5%>留言板</td><td align=center onmouseover=this.style.cursor='hand'onClick=guideButton(5)width=12.5%>相 册</td><td align=center onmouseover=this.style.cursor='hand'onClick=guideButton(6)width=12.5%>迷你屋</td><td align=center onmouseover=this.style.cursor='hand'onClick=guideButton(7)width=12.5%>个人档</td><td align=center onmouseover=this.style.cursor='hand'onClick=guideButton(8)width=12.5%>互 动</td></tr></table>

http://gamezone.qq.com/images/focus/2003/12/22/xmas/pic/0484.jpg

图片、文字做导航代码:

<td align=center onmouseover=this.style.cursor='hand'onclick=guideButton(n)width=12.5%><img src="图片地址" width="200" height="150">标题内容</td>

guideButton(n)中的n表示1——8中的一个数字

鼠标点击后更改大背景的代码:

<span onclick="document.getElementById('all').style.background='url(图片地址)'">显示文字</span>

鼠标点击后更改顶部条内背景的代码:

<span onclick="document.getElementById('MLOGO').style.background='url(图片地址)'">显示文字</span>

鼠标点击后顶部条内背景透明代码:

<span onclick="document.getElementById('MLOGO').style.background='url(_blank)'">显示文字</span>

鼠标放在“显示文字”上更改大背景的代码:

<span onmouseover="document.getElementById('all').style.background='url(图片地址)'">显示文字</span>

鼠标放在“显示文字”上更改顶部条内背景的代码:

<span onmouseover="document.getElementById('MLOGO').style.background='url(图片地址)'">显示文字</span>

鼠标放在“显示文字”上顶部条内背景透明代码:

<span onmouseover="document.getElementById('MLOGO').style.background='url(_blank)'">显示文字</span>

<FIELDSET><LEGEND><FONT color=#DA70D6><B>魔法能量Q-Ζōňè换风格↓</B></FONT></LEGEND><A onmouseover="this.style.color='#5588dd'" style="FONT-WEIGHT: boldCOLOR: #5588ddTEXT-DECORATION: none">

<span onclick="document.getElementById('all').style.background='url(图片地址)'">显示文字</span>

<span onclick="document.getElementById('all').style.background='url(图片地址)'">显示文字</span>

模块无边框系列之图片无边框代码

<div id="layer25" style="padding:0pxLEFT: 2pxOVERFLOW: hiddenWIDTH: 634pxPOSITION: absoluteTOP: 0pxHEIGHT: 530pxzindex: 90" resiziable="true"></textarea><IMG src="图片地址" border="0" width="图片的宽" height="图片的高">

模块无边框系列之透明FLASH无边框代码

<div id="layer25" style="padding:0pxLEFT: 2pxOVERFLOW: hiddenWIDTH: 634pxPOSITION: absoluteTOP: 0pxHEIGHT: 530pxzindex: 90" resiziable="true"></textarea><EMBED src="FLASH地址" quality=high wmode="transparent" WIDTH="宽" HEIGHT="高" TYPE="application/x-shockwave-flash"></div>

模块无边框系列之FLASH无边框代码

<div id="layer25" style="padding:0pxLEFT: 2pxOVERFLOW: hiddenWIDTH: 634pxPOSITION: absoluteTOP: 0pxHEIGHT: 530pxzindex: 90" resiziable="true"></textarea><embed src="FLASH地址" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="宽" height="高" play="true" loop="true" quality="high" scale="showall" menu="true"></embed></div>

模块无边框系列之计数器无边框代码

<div id="layer25" style="padding:0pxLEFT: 2pxOVERFLOW: hiddenWIDTH: 634pxPOSITION: absoluteTOP: 0pxHEIGHT: 530pxzindex: 90" resiziable="true"></textarea>您是第 <img border="0" src="http://www.amazingcounters.com/counter.php?i=354770&c=1064623" alt="Web Counters">位访客。欢迎您的到来!!</div>

模块无边框系列之表格无边框代码

<div id="layer25" style="padding:0pxLEFT: 2pxOVERFLOW: hiddenWIDTH: 634pxPOSITION: absoluteTOP: 0pxHEIGHT: 530pxzindex: 90" resiziable="true"></textarea><style type="text/css">.tb{BORDER-BOTTOM:#FF99CC 1px dotted}</style><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="tb"><center><a href="链接地址"><font face=?#92体_GB2312>这里写内容</tr><tr><td class="tb">

清空顶部一条背景图片的方法:

<img src="javascript:Mlogo.style.background=''">

去掉主题部分的滚动条的方法:

<img src="javascript:document.getElementById('initd').style.overflow='hidden'">

清除导航条的方法:

<img src="javascript:bt_1.style.display='none'bt_2.style.display='none'bt_3.style.display='none'bt_4.style.display='none'bt_5.style.display='none'bt_6.style.display='none'bt_7.style.display='none'bt_8.style.display='none'" style="display:none">

透明板块

</textarea></table></tr><td style="BORDER-top: rgb(0,0,0) 0px dottedBORDER-bottom: rgb(0,0,0) 0px dottedBORDER-left: rgb(0,0,0) 0px dottedBORDER-right: rgb(0,0,0) 0px dotted">这里加加入你原想在板块里放的代码</td></tr></table>

代码使用方法:1.选折自定义---新建模块.

2.把代码复制进评论栏(去掉地址栏及图片栏的 http://字样)

3.提交.(完成了)

***********************************************************************************************

天气预报代码:

<iframe name="I1" src="http://weather.qq.com/inc/ss150.htm" width="250" height="240">

</iframe>

***********************************************************************************************

Flash代码:(FLASH地址要以.swf结尾)

</textarea><embed src=’’http://你的Flash地址’’quality=high pluginspage=’’http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash’’ type=’’application/x-shockwave-flash’’ width=330 height=240></embed>

透明FLASH:

</textarea><embed src=http://你的Flash特效地址 wmode=transparent style="position: absolute" width=380 height=270>

注:width=和height=后面的数字是填FLASH大小高矮度..

***********************************************************************************************

背景音乐代码:

</textarea><embed src=http://你的背景音乐地址 width=0 height=0 loop= true> (此代码不显播放器)

</textarea><embed src=http://你的背景音乐地址 width=2 height=2 loop= true> (此代码显播放器)

1.如何得到音乐地址...

首先打开百度音乐搜索 http://mp3.baidu.com

输入歌名..格式(只能是MP3和WMA)→查找

找到歌曲..点试听..

注意:要能听见的..而且听起来不卡的....!!!!(重要)

试听里边有个播放器..播放器右上方有个地址..

右键点击地址...→复制快捷方式

进入音乐盒..点添加

把歌曲地址复制到这里..

添加好以后要在歌曲后边的绿色加号上打勾才能自动播放..!(重要)

***********************************************************************************************

视频MTV代码:(地址要以.rm/.wmv/.asf/.avi/.mpg结尾)

(播放器的大小可以自己调整代码中的数值,只需改height =“高度”,width =“宽度”)

以.wmv或者.asf结尾:

</textarea><embed src=http://你的视频文件地址 width=360 height=280 loop= true>

以.rm结尾:

</textarea><embed src=http://你的视频文件地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=124 width=180 autostart=true loop=true>

以.avi或者.mpg结尾:

</textarea><embed src="音乐源地址" border="0" width="320" height="240" type="application/x-mplayer2"></embed>

小技巧,想要当你的好友一登陆你的空间就能马上听到最新的音乐视听吗? 技巧在于代码结尾加上wid, 如下

</textarea><embed src=http://你的音乐地址 width=360 height=280 wid>

***********************************************************************************************

电台代码:(地址要以.asp结尾的地址)

</textarea><embed src= http://你的电台地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=124 width=180 autostart=true loop=true><br>

***********************************************************************************************

代码

相关作用

<b>加粗</b>

使文字加粗

<i>斜体</i>

使文字倾斜

<u>加下划线</u>

给文字加下划线

<s>加删除线</s>

给文字加删除线

<pre>预设格式

令文件按照原始的排版方式显示

*好用,省去了频繁插入<br>与<p>的烦恼

***********************************************************************************************

艺术字代码:

发光文字代码

</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">

<font color=#ffffff size=2>要修改的文字</font>

</table>

其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强度,font color是原字体的颜色。

浮雕的文字

</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);">

<font color=#ffffff>要修改的文字</font>

</table>

其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx和offy是设置的阴影和文字的距离,font color是原字体的颜色。

阴影的文字

</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);">

<font color=#6CABE7 size=2>要修改的文字</font>

</table>

文本框字体

</textarea><TEXTAREA STYLE="font:12px;font-family:Verdana;color:#666666">输入内容

注:字体(font-family)还可以选用Arial,Tahoma等等;color可自行设定

<tr>表格列 border="5"边框宽度为5像素,bordercolor="Purple"边框颜色为紫色

<td>表格栏 bgcolor="Green"表格背景颜色为绿色

***********************************************************************************************

插入超链接 (请注意:如果该链接为恶意链接的话,腾讯会自动屏蔽,请大家不要乱用)

文字链接代码 </textarea>点击<a href=’’http://你要链接的地址’’ target=’’_blank’’>文字说明</a>

图片链接代码 </textarea><a href="你要链接的地址" title="文字说明",_blank>

***********************************************************************************************

设为首页/加入收藏代码:

<a target=_top href=javascript:window.external.AddFavorite('http://q-zone.qq.com/client/?uin=313715638')>〖加入收藏〗</a>..<a href=# onClick="this.style.behavior='url(#default#homepage)'this.setHomePage('http://q-zone.qq.com/client/?uin=313715638')">【设为首页】</a>

***********************************************************************************************

在主页加入钟表的代码!

<embed src='时钟的连接地址'quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=100(宽) height=100(高)></embed>

其中宽和高是 FLASH显示出来的宽度和高度

把以上代码放在新建版快的评论栏中,图片地址和连接地址清空,什么都不要留!

保存就可以显示一个漂亮的时钟!

http://lizi50.dnsmy.com/shizhongku/clock2.swf

http://lizi50.dnsmy.com/shizhongku/Clock3.swf

http://lizi50.dnsmy.com/shizhongku/Clock4.swf

http://lizi50.dnsmy.com/shizhongku/Clock5.swf

http://lizi50.dnsmy.com/shizhongku/Clock6.swf

http://lizi50.dnsmy.com/shizhongku/Clock7.swf

http://lizi50.dnsmy.com/shizhongku/Clock8.swf

http://lizi50.dnsmy.com/shizhongku/Clock9.swf

http://lizi50.dnsmy.com/shizhongku/Clock10.swf

http://lizi50.dnsmy.com/shizhongku/Clock11.swf

http://lizi50.dnsmy.com/shizhongku/Clock12.swf

http://lizi50.dnsmy.com/shizhongku/Clock13.swf

http://lizi50.dnsmy.com/shizhongku/Clock14.swf

http://lizi50.dnsmy.com/shizhongku/Clock15.swf

http://lizi50.dnsmy.com/shizhongku/Clock16.swf

http://lizi50.dnsmy.com/shizhongku/Clock17.swf

http://lizi50.dnsmy.com/shizhongku/Clock18.swf

http://lizi50.dnsmy.com/shizhongku/Clock19.swf

http://lizi50.dnsmy.com/shizhongku/Clock20.swf

一直到

........................./Clock129.swf

***********************************************************************************************

图片上下移动代码:

图片从下往上移动的友情连接代码。效果可以在我主页看到

新建立一个模块,然后将下面的代码加入评论中!

你只需要修改代码中,中文部分,连接地址=你朋友的地址

图片地址=你朋友的LOGO图片地址

<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()"><a target="cont" href="连接地址"><img src="http://图片地址" width="88" height="33" border="0"></a></marquee>

这是一个移动的,如果你要多个的话就这样

<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()"><a target="cont" href="连接地址"><img src="http://图片地址" width="88" height="33" border="0"></a><a target="cont" href="连接地址"><img src="图片地址" width="88" height="33" border="0"></a></marquee>

对比就看出来了,下面多出段

<a target="cont" href="连接地址"><img src="图片地址" width="88" height="33" border="0"></a>

就这样,你每多一个连接你就多插进去一段!

***********************************************************************************************

滚动字:

这是代码:

<marquee border="0" align="middle" scrolldelay="120">想说的字</marquee>

***********************************************************************************************

其它代码:

屏蔽右键代码 </textarea><body oncontextmenu="return false">(这条代码可以防止日记源代码轻易被盗取,推荐使用)

网页无法另存代码 </textarea><noscript><iframe src=*></iframe></noscript>

网页透明代码 </textarea><body background-color:transparent>

其他html代码

***********************************************************************************************

使用方法:

1.新建一个TXT文档.

2.将代码保存.

3.将TXT文档上存到网上(我本来找到一个网站可以上传的.但是现在封了,如果黑客动画吧可以提供一个老人代码的地址给我没用就好咯!~顺便在代码中做个小小宣传!!我的建议希望动画吧使用咯!)

4.得到TXT文档地址.

<iframe id="main" name="I8" frameBorder="0" width="0" scrolling="no" height="0" src="默林文本的连接地址"></iframe>

***********************************************************************************************

用小号空间克隆自己的Q-ZONE提高人气的办法!(这个我试过.但验证不出是真是假.)

大家是不是都想自己的花快快长大,天天踩啊踩啊真的好累啊!

但是自己的Q-ZONE只有一个网络地址,就象我的是http://904335.q-zone.qq.com一样,怎么解决这个问题呢!

忽忽,昨天我在无意中发现了这个办法,我们可以用自己的号去开通小号的空间,然后用小号的空间克隆大号的空间(镜象),这样你的Q-ZONE不是又多了一个网络地址吗,忽忽,2个号拉起票来给一个号灌溉应该快点吧,要是你小号多的话不防克隆他10个8个的,忽忽!

克隆自己空间办法如下:

开通自己小号空间,新建立一个版块,在评论中插如以下代码:

<iframe id="main" name="I8" frameBorder="0" width="0" scrolling="no" height="0" src="313715638.q-zone.qq.com"></iframe>

***********************************************************************************************

代 码

相关作用

<br>

换行

<p>一段文字</p>

段落

<bgcolor="#00FF00">

背景颜色(#00FF00为绿色)

-2N

<text="#0000FF"> -x.

字体颜色(#0000FF为蓝色)

-zz

<p align="left">文字</p>

文字左对齐

<p align="center">文字</p>

文字居中

<p align="right">文字</p>

文字右对齐

皮肤更改代码:

<img src="http://photoimg25.qq.com/cgi-bin/load_pic2?verify=3qxjL2TX4pQGRWCLgf15Tw%3D%3D" onload="mall_changeItem('1','物品ID','0','0','0','0','0')">

将物品ID更改成你想设置为皮肤图片的物品ID

示例:

<img src="http://photoimg25.qq.com/cgi-bin/load_pic2?verify=3qxjL2TX4pQGRWCLgf15Tw%3D%3D" onload="mall_changeItem('1','201,'0','0','0','0','0')">

--------------------------------------------------------------------------------

下面是个人收藏的一些透明FLASH

透明水珠 http://lain1978.com/collection/flash/008.swf

黄色花瓣 http://lain1978.com/collection/flash/007.swf

心 http://lain1978.com/collection/flash/006.swf

蓝色雪花 http://lain1978.com/collection/flash/005.swf