css样式怎么来做闪光字?

html-css013

css样式怎么来做闪光字?,第1张

做闪光字可以用js代码来实现,纯css代码是很难实现的。JavaScript代码如下:

<div id="abc">这里是闪光的字</div>

<script>

var i=0

function shine(id){

var obj= document.getElementById(id)

if(i==0){obj.style.color="#000"i=1}else{obj.style.color="red"i=0}

}

setInterval("shine('abc')",100)

</script>

1。 body{

background-color:#FFFFFFCURSOR: url('http://webme.bokee.com/inc/mouse127.ani') }

a{CURSOR: url('http://webme.bokee.com/inc/mouse094.cur')

鼠标地址自己根据需要进行改动。

2。

#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) interWIDTH: 220pxHEIGHT: 32px}

代码放在css的任意空白处都行,代码中的width是调整宽度的,height是调整高度的,自己根据需要调

3。filter:glow (color=#ff0000,strength=3)

把上面的代码加到需要做闪字的地方,颜色和闪光的快慢自己设置。例如:需要标题有闪光

#header div.tit{FILTER: glow(color=#E8FFE8,strength=4)----}

4。空间名称和简介区域

#header 主体部分{height:89pxbackground:url(图片地址) repeat-x}

}------整个标题背景图片,这里加了下面两项就别加了

#header div.lc 左背景图{background:url(图片地址) no-repeat}

#header div.rc 右背景图{background:url(图片地址) no-repeat top right}

5。两种:

(1)整个空间只需要一张图片(需要大图片),则在这里设置

body

{background-color:#FFFFFFbackground-image:url(图片地址) no-repeat }

然而#header{height:240pxbackground:url() repeat-x}

#header div.lc{background:url() no-repeat}

#header div.rc{background:url() no-repeat top right}

.stage{background:#DFFFB2background:url(图片地址)}

则别再加图片

(2)标题和下面内容区域用不同的图片

#header{height:240pxbackground:url(图片地址) repeat-x}

#header div.lc{background:url() no-repeat}

#header div.rc{background:url() no-repeat top right}

.stage{background:#DFFFB2background:url(图片地址)}

在这两项中加入图片,而

body

{background-color:#FFFFFFbackground-image:url(图片地址)

则别再加图片

我能力有限,就替你改了一点,你粘贴上看看效果,别忘了备份原来的CSS哦,

body{background:#FFFFFF url(http://img.verycd.com/gallery/1157290312/gallery_413925_5397_39021.jpg) no-repeat fixed}a:hover {position:relativeleft:1pxtop:1pxclip:rect()}

body{CURSOR: url('http://webme.bokee.com/inc/mouse019.ani') }

a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse026.ani') }

#header{height:89pxbackground:url(background:url(opacity=0) repeat-x #E1F0F9}

#header div.lc{background:url(background:url(opacity=0) no-repeat}

#header div.rc{background:url(opacity=0) no-repeat top right}

#header div.tit{top:8pxleft:20pxline-height:22pxfont-size:20pxfont-family:黑体}

#header div.tit{top:5pxleft:20pxline-height:60pxfont-size:65pxfont-family:隶书}

#header div.tit a.titlink{color:808080text-decoration:none}

#header div.tit a.titlink:visited{color:808080text-decoration:none}

#header div.tit a.titlink:hover{color:#FFFFFFtext-decoration:none}

#header div.desc{top:27pxleft:320pxcolor:808080font-size:16px}#tabline{top:89pxbackground:#A1B6CE}

#tab{top:67pxbackground:#758DA1}

#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:3pxline-height:19pxbackground-color:#A1B6CEcolor:#FFFFFFfont-size:14px}

#tab span{color:#FFFFFFfont-size:14px}

#tab a:link{color:#FFFFFFtext-decoration:nonefont-size:14px}

#tab a:visited{color:#FFFFFFtext-decoration:nonefont-size:14px}

#tab2{background:#DAE9F5}

#tab2 span{color:#000000font-size:12pxfont-weight:bold}

#tab2 a{font-size:12px}

#tab2 a:link{color:#0000CC}

#tab2 a:visited{color:#0000CC}

.stage{}

#comm_info{ccolor:#000000font-family:Arialtext-align:left}

#comm_info div.line{margin-top:5pxline-height:8pxborder-top:1px solid #BBC1C6background:url(http://www.ip.cn/s.php) no-repeat bottompadding-bottom: 40pxmargin-bottom: 10px}

#comm_info a{color:#196CCA}

#page{height:30pxfont-size:14pxfont-family:Arialtext-align:center}

#page span{padding:3pxcolor:#000000font-size:14pxfont-weight:bold}

#page a.pc{color:#196CCAfont-size:14pxfont-weight:bold}

#page a.pc:visited{color:#196CCA}

#page a.pi{padding:3pxcolor:#196CCAfont-size:14px}

#page a.pi:visited{color:#196CCA}

.mod{margin-bottom:10px}

.modhandle{cursor:move}

.modth{height:24px}

.modhead{padding:4px 4px 0 4px}

.modopt{padding:4px 4px 0 0}

.modtit{color:#000000font-size:12pxfont-weight:bold}a.modtit{color:#000000}a.modtit:visited{color:#000000}

.modtitlink{color:#FFFFFFfont-size:12pxfont-weight:bold}a.modtitlink{color:#FFFFFFtext-decoration:none}a.modtitlink:visited{color:#FFFFFFtext-decoration:none}a.modtitlink:hover{color:#FFFFFFtext-decoration:underline}

.modact{color:#000000font-size:12px}a.modact:link{color:#000000}a.modact:visited{color:#000000}

.modbox{padding:10px 10px 0 10pxbackground:#EBF2F9border-left:1px solid #A6BCD3border-right:1px solid #A6BCD3}

.modtl{background:url(http://img.baidu.com/hi/temp16/ptitl.gif) no-repeat top leftline-height:1px}

.modtc{background:url(http://img.baidu.com/hi/temp16/ptitc.gif) repeat-x}

.modtr{background:url(http://img.baidu.com/hi/temp16/ptitr.gif) no-repeat top rightline-height:1px}

.modbl{background-color:#EBF2F9border-left:1px solid #A6BCD3border-bottom:1px solid #A6BCD3line-height:1px}

.modbc{background-color:#EBF2F9border-bottom:1px solid #A6BCD3line-height:1px}

.modbr{background-color:#EBF2F9border-right:1px solid #A6BCD3border-bottom:1px solid #A6BCD3line-height:1px}

.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80)-moz-opacity:0.8width:auto !importantwidth:100%}

.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80)-moz-opacity:0.8width:auto !importantwidth:100%}

#m_blog div.tit{font-size:14pxfont-weight:bold}

#m_blog div.tit a{color:#000000font-size:14pxfont-weight:bold}

#m_blog div.tit a:visited{color:#000000}

#m_blog div.date{margin:5px 0 8px 0color:#666666}

#m_blog div.cnt{color:#000000line-height:20pxfont-size:14px}

#m_blog div.more{margin:14px 0 16px 0}

#m_blog div.more a{color:#196CCAfont-size:14px}

#m_blog div.more a:visited{color:#196CCA}

#m_blog div.opt{color:#666666font-size:12px}

#m_blog div.opt a{color:#196CCAfont-size:12px}

#m_blog div.opt a:visited{color:#196CCA}

#m_blog div.line{margin-top:17pxline-height:17pxborder-top:1px solid #BDD5EF}

#m_blog div.none{padding:100px 0 100px 0color:#000000font-size:14px}

#m_pro a{color:#196CCA}

#m_pro a:visited{color:#196CCA}

#m_pro div.image{text-align:center}

#m_pro div.act{margin-top:10px}

#m_pro div.user{margin-top:10pxcolor:#000000font-size:12pxfont-weight:bold}

#m_pro div.desc{color:#000000font-size:12px}

#m_pro div.line{margin-top:17pxline-height:17pxborder-top:1px solid #BDD5EF}

#m_pro td{color:#000000line-height:24pxfont-size:14px}

#m_album div.image{text-align:center}

#m_album div.page{color:#666666font-size:12pxtext-align:center}

#m_album div.page a{color:#0000CCfont-size:12px}

#m_album div.page a:visited{color:#0000CC}

#m_links div.item{color:#000000font-size:12px}

#m_links div.item a{color:#196CCAfont-size:12pxtext-decoration:none}

#m_links div.item a:visited{color:#196CCA}

#m_links div.line{margin-top:5pxline-height:8pxborder-top:1px solid #BDD5EF}

#m_artclg div.item{color:#666666font-size:12px}

#m_artclg div.item a{color:#196CCAfont-size:12px}

#m_artclg div.item a:visited{color:#196CCA}

#m_artclg div.line{margin-top:5pxline-height:8pxborder-top:1px solid #BDD5EF}

#m_filed div.item{color:#666666font-size:12px}

#m_filed div.item a{color:#196CCAfont-size:12px}

#m_filed div.item a:visited{color:#196CCA}

#m_filed div.line{margin-top:5pxline-height:8pxborder-top:1px solid #BDD5EF}

#m_comment div.item{color:#000000font-size:12px}

#m_comment div.item a{color:#196CCAfont-size:12px}

#m_comment div.item a:visited{color:#196CCA}

#m_comment div.item a.cnt{color:#000000font-size:12pxtext-decoration:none}

#m_comment div.item a.cnt:visited{color:#000000text-decoration:none}

#m_comment div.item a.cnt:hover{color:#000000text-decoration:underline}

#m_comment div.line{margin-top:5pxline-height:8pxborder-top:1px solid #BDD5EF}

#m_albumlist div.note{color:#000000font-size:14px}

#m_albumlist div.desc{margin-bottom:12pxpadding:3px 10px 3px 10pxline-height:22pxbackground-color:#F2F2F2font-size:14px}

#m_albumlist div.none{padding:100px 0 100px 0color:#000000font-size:14px}

#m_albumlist div.line{margin-top:10pxline-height:16pxborder-top:1px solid #BDD5EF}

#m_albumlist div.tit{margin:6px 0 7px 0color:#000000font-size:14px}

#m_albumlist div.tit a{color:#196CCAfont-size:14px}

#m_albumlist div.tit a:visited{color:#196CCA}

#m_albumlist span.count{color:#666666font-size:12pxfont-weight:bold}

#m_albumlist span.size{color:#999999font-size:12pxfont-family:Arial}

#m_albumlist a.act{color:#196CCAfont-size:12px}

#m_albumlist a.act:visited{color:#196CCA}

#m_albumlist a.page{color:#0000CCfont-size:14px}

#m_albumlist a.page:visited{color:#0000CC}

#m_albumlist td.image{padding:5pxborder:1px solid #999999background:#FFFFFF}

#m_friend div.filter{margin-bottom:10pxpadding-left:10pxpadding-top:10pxheight:27pxline-height:27px}

#m_friend div.catalog{margin-bottom:10pxpadding-left:10pxheight:27pxline-height:27pxbackground-color:#F2F2F2font-size:14px}

#m_friend div.user{margin-top:4pxcolor:#000000font-size:12px}

#m_friend div.user a{color:#196CCAfont-size:12px}

#m_friend div.user a:visited{color:#196CCA}

#m_friend div.line{margin-top:10pxline-height:16pxborder-top:1px solid #BDD5EF}

#m_setting a{color:#196CCA}

#m_setting a:visited{color:#196CCA}

#m_setting{line-height:22pxcolor:#000000font-size:14px}

#m_setting img.sel{border:4px solid #FFDB7B}

#m_setting img.unsel{border:1px solid #D2D2D2}

#m_setting span.tit{font-size:14px}

#m_setting span.usr{color:#666666}

#m_setting div.sel{padding-top:6pxfont-size:14pxfont-weight:bold}

#m_setting div.line{margin-top:20pxline-height:16pxborder-top:1px solid #BDD5EF}

#m_sysinfo a{color:#196CCA}

#m_sysinfo a:visited{color:#196CCA}

#m_sysinfo{line-height:22pxcolor:#000000font-size:14px}

#m_sysinfo span.new{color:#FF0000font-size:10pxfont-family:Arial}

#m_sysinfo span.date{color:#666666font-size:14px}

#m_setbase{color:#000000font-size:14px}

#m_setbase td{color:#000000font-size:14px}

#m_setbase div.line{margin-top:5pxline-height:8pxborder-top:1px solid #BDD5EF}

#in_comment{width:710px}

#in_comment div.tit{margin-bottom:12pxcolor:#000000font-size:14pxfont-weight:bold}

#in_comment div.user{margin-bottom:6pxcolor:#000000font-size:12px}

#in_comment div.user a{color:#196CCAfont-size:12px}

#in_comment div.user a:visited{color:#196CCA}

#in_comment div.user span.date{color:#666666font-size:12px}

#in_comment div.desc{color:#000000font-size:12px}

#in_comment div.line{margin-top:17pxline-height:17pxborder-top:1px solid #BDD5EF}

#in_send div.tit{margin:10px 0 10px 0color:#000000font-size:14pxfont-weight:bold}

#m_blog div.tit{font-size:14pxfont-weight:bold

line-height:100px

text-indent:120px

background:url(http://tk.mumayi.net/QTZY/GIF/Xsgif0405/Gif0405_030.GIF) no-repeat}

#spBlogCmtText {border: 8px solid #1AE61A

background:url(http://www.mydeskcity.com/QTZY/GIF/Xsgif0405/Gif0405_145.GIF) no-repeat top center

background-attachment: fixed完