如何将CSS特效代码和JS文件 添加到自己的网页上面去

html-css012

如何将CSS特效代码和JS文件 添加到自己的网页上面去,第1张

css特效文件一般情况下都有指定位置的,比如是放在head里面或是body里面的,这是网上搜的一些css特效文件的用法,一般情况下都有注明的。js文件添加到页面去更简单了,把js文件放到你的网页同级目录或是其他目录,然后你直接将此js文件直接拖到你的网页<head>里面,然后前台页面调用即可。

我给你提供一套 给你一套好看的CSS代码 (直接复制到CSS就可) 这个CSS代码 我感觉很好看 不信你试试 记得给我加分 BODY {BACKGROUND-POSITION: center 50%BACKGROUND-ATTACHMENT: fixedBACKGROUND-IMAGE: url(http://mumayi1.999kb.com/pic/2006-10-05/6z5tigmubrg5yys9khjc.gif)} A:hover{LEFT: 1pxPOSITION: relativeTOP: 1pxTEXT-DECORATION: underline} td,div{color:#F9E3F5} BODY{CURSOR: url('http://imgcache.qq.com/qzone/space_item/orig/13/3341.ani') } A {CURSOR: url('http://imgcache.qq.com/qzone/space_item/orig/0/3344.ani') background-repeat: no-repeatbackground-position: centerbackground-attachment: fixedCURSOR:url('http://imgcache.qq.com/qzone/space_item/orig/13/3341.ani')}a:hover{CURSOR:url('http://imgcache.qq.com/qzone/space_item/orig/0/3344.ani')}a:hover {position:relativeleft:1pxtop:1pxclip:rect()} body{background-color:#FB7CC8}}body{CURSOR: url('http://imgcache.qq.com/qzone/space_item/orig/13/3341.ani')}body{a:hover{position:relativeleft:1pxtop:1pxclip:rect()}} BODY {scrollbar-face-color: #000000scrollbar-shadow-color: maroonscrollbar-highlight-color:#F9E3F5scrollbar-3dlight-color: #000000scrollbar-darkshadow-color:#000000scrollbar-arrow-color:#F9E3F5scrollbar-base-color: #000000scrollbar-track-color: #000000filter: chroma(color=#F9E3F5)} #header{height:150pxbackground:url(http://album.sina.com.cn/pic/454db7da020006fn) repeat} #header div.lc{background:url(

) no-repeat top right} #header div.rc{background:url(http://sc.yunzi.net/sozai/line/14/14.gif) no-repeat top right} #header div.rc{background:url(

) no-repeat top center} #header div.tit{top:10pxleft:80pxline-height:40pxfont-size:35pxfont-family黑体FILTER: glow(color=#FF11A0,direction=2)} #header div.tit a.titlink{color:#F9058Ftext-decoration:none} #header div.tit a.titlink:visited{color:#F9E3F5text-decoration:none} #header div.desc{top:80pxleft:40pxline-height:25pxfont-size:20pxfont-family黑体FILTER: glow(color=#DA06F9,direction=3)} #tabline{top:199px} #tab{top:140pxpadding-top:3pxpadding-bottom:3pxbackground:url(http://www.mvzz.com/sck/fgx/fgx11/04.gif) repeat-x#F6E844border-left:0px solid #F9E3F5border-right:0pxsolid #F9E3F5}#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:0pxline-height:19pxcolor:#FF11A0font-size:14px} #tab span{color:#FF11A0font-size:14px} #tab a:link{color:#FF11A0text-decoration:nonefont-size:14px} #tab a:visited{color:#FF11A0text-decoration:nonefont-size:14px} #tab a:visited{ color:#FF11A0text-decoration:blinkfont-size:14pxfilter: Glow(Color=#F9E3F5, Strength=7)font-weight: bold} #tab2{background:#FF11A0} #tab2 span{color:#FF11A0font-size:14pxfont-weight:bold} #tab2 a{font-size:12px} #tab2 a:link{color:#DA06F9} #tab2 a:visited{color:#DA06F9}.stage{background:transparent} #tabline{top:0pxbackground:transparentbackground-color:#F9E3F5} #tab{top:130pxbackground:transparentbackground:url(http://hometown.aol.com/slimprincess3/pagee/sparklebanner.gif)} #tab a.on,#tab a.on:link,#tab a.on:visited{border: 1px dotted #F9E3F5} #tab span{color:#F9E3F5font-size:14px} #tab a:link{ color:#F9E3F5text-decoration:blinkfont-size:14pxfilter: Glow(Color=FF11A0, Strength=7)font-weight: bold} #tab a:visited{ color:#F9E3F5text-decoration:blinkfont-size:14pxfilter: Glow(Color=FF11A0, Strength=7)font-weight: bold} #tab2{background:#FF11A0} #tab2 span{color:#F9E3F5font-size:12pxfont-weight:bold} #tab2 a{font-size:12px} #tab2 a:link{color:#DA06F9} #tab2 a:visited{color:#DA06F9} .stage{background:url(

" target="_blank" >

) no-repeat bottom right} #m_mylink1 div.item{ filter: glow(color=#F9E3F5,strength=3)color:#AD06FBfont-size:25pxfont-size:30pxline-height:60pxtext-indent:220pxbackground:url(

) no-repeat} #m_mylink1 div.item a{color:#FF11A0font-size:40pxtext-decoration:none} #m_mylink1 div.item a:visited{color:#3399CC} #m_mylink1 div.line{margin-top:2pxline-height:30pxborder-top:px solid #D2E9F4 background:url(

)} #comm_info{background:url() repeat} #comm_info {filter: glow(color=#F9E3F5,strength=3)color:#FF11A0font-size:15pxfont-size:18px} #comm_info div.line{filter: glow(color=#F9E3F5,strength=3)color:#ccccccfont-size:12pxfont-size:12pxbackground:url(

" target="_blank" >

) repeat-xbackground:url(http://www.ip.cn/s.php) no-repeat bottompadding-bottom: 40pxmargin-bottom: 10px } #comm_info a{display:none} /**/#page{height:30pxfont-size:14pxfont-family:Arialtext-align:center} #page span{padding:3pxcolor:#FF11A0font-size:14pxfont-weight:bold} #page a.pc{color:#FF11A0font-size:14pxfont-weight:bold} #page a.pc:visited{color:#FF11A0} #page a.pi{padding:3pxcolor:#FF11A0font-size:14px} #page a.pi:visited{color:#FF11A0} /**/.mod{margin-bottom:4px} .modhandle{cursor:move} .modth{height:24px} .modhead{padding:4px 4px 0 4pxtext-align:center} .modopt{padding:4px 4px 0 0} .modtit{color:#FF11A0font-size:14pxfont-weight:bold}a.modtit{color:#FF11A0}a.modtit:visited{color:#FF11A0} .modtitlink{color:#FF11A0font-size:14pxfont-weight:bold}a.modtitlink{color:#FF11A0text-decoration:none}a.modtitlink:visited{color:#FF11A0text-decoration:none}a.modtitlink:hover{color:#FF11A0text-decoration:underline} .modact{color:#FF11A0font-size:14px}a.modact:link{color:#FF11A0}a.modact:visited{color:#FF11A0} .modbox{padding:10px 10px 0 10px} #phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray()WIDTH: 18xHEIGHT: 32px} .modtl{background:url()border-top:0px solid #C9F1F1border-left:1px solid #C9F1F1line-height:0pxfilter:alpha(opacity=0)}/*opacity=0,完全透明*/} .modtc{background:url()border-top:0px solid #C9F1F1filter:alpha(opacity=200)}/*opacity=0,完全透明*/} .modtr{background:url()border-top:0px solid #C9F1F1border-right:1px solid #C9F1F1line-height:0pxfilter:alpha(opacity=0)}/*opacity=0,完全透明*/} #pvshow{font-family:Georgiafont-size:20pt} #m_blog{ overflow-y:autoheight:1000pxscrollbar-face-color: #000000scrollbar-shadow-color: maroonscrollbar-highlight-color:#F9E3F5scrollbar-3dlight-color: #000000scrollbar-darkshadow-color:#000000scrollbar-arrow-color:#F9E3F5scrollbar-base-color: #000000scrollbar-track-color: #000000filter: chroma(color=#FFFFFF)} #m_blog{overflow-y:autoheight:900px} .modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=100)-moz-opacity:0.8width:auto !importantwidth:100%} #m_blog div.tit{filter: glow(color=#FF11A0,strength=3)color:#FF11A0font-size:12pxfont-size:15pxfont-weight:boldbackground:url(http://bbsimg.qq.com/2005/11/19/006/675.gif) no-repeat top lefttext-indent:22pxheight:70pxline-height:75px} #m_blog div.tit a{filter: glow(color=#FF11A0,strength=3)color:#FF11A0font-size:12pxfont-size:15pxfont-weight:boldbackground:url() no-repeat top lefttext-indent: 22pxheight:70pxline-height:75px} #m_blog div.tit a:visited{color:#FF11A0} #m_blog div.date{margin:5px 0 8px 0color:#AECC33} #m_blog div.cnt{filter: glow(color=#FCFCCF,strength=5)color:#FF11A0font-size:12pxfont-size:16px} #m_blog div.more{margin:14px 0 16px 0} #m_blog div.more a{color:#FF11A0font-size:14px} #m_blog div.more a:visited{color:#FF11A0} #m_blog div.opt{color:#FF11A0font-size:12px} #m_blog div.opt a{color:#FF11A0font-size:12px} #m_blog div.opt a:visited{color:#FF11A0} #m_blog div.line{margin-top:17pxline-height:37pxbackground:url(http://www.apoints.com/sucai/UploadFiles_5610/200607/20060731102147967.gif) repeat-x} #m_blog {background: url("") repeat} #m_blog div.none{padding:100px 0 100px 0color:#FF11A0font-size:14px} /**/ #mod_profile{background:url(

) no-repeat right top} #m_pro{background:url(

) no-repeat right top} #m_pro a{color:pink} #m_pro a:visited{color:pink} #m_pro div.image{text-align:centerbackground:url(

) no-repeat } #m_pro div.act{margin-top:10px} #m_pro div.user{filter: glow(color=#F9E3F5,strength=3)color:#FF11A0font-size:16pxfont-weight:boldtext-align:center} #m_pro div.desc{filter: glow(color=#F9E3F5,strength=3)color:#DA06F9font-size:14pxtext-align:center} #m_pro div.line{margin-top:17pxline-height:17pxborder-top:1px solid #D71864} #m_pro td{filter: glow(color=#F9E3F5,strength=3)color:#DA06F9font-size:14px} #m_album div.image{text-align:centerbackground:url(

) no-repeat bottompadding-bottom:200px} #m_album div.page{filter: glow(color=#F9E3F5,strength=3)color:#FF11A0font-size:14pxtext-align:center} #m_album div.page a{filter: glow(color=#F9E3F5,strength=3)color:#FF11A0font-size:14px} #m_album div.page a:visited{color:#FF11A0} #m_links{ overflow-y:autoheight:1000px{scrollbar-face-color: #000000scrollbar-shadow-color: maroonscrollbar-highlight-color:#F9E3F5scrollbar-3dlight-color: #000000scrollbar-darkshadow-color:#000000scrollbar-arrow-color:#F9E3F5scrollbar-base-color: #000000scrollbar-track-color: #000000filter: chroma(color=#FFFFFF)} #m_links{overflow-y:autoheight:1030px} #m_links div.item{{filter: glow(color=#F9E3F5,strength=3)color:#FF11A0font-size:15pxfont-size:15pxline-height:30pxtext-indent:30pxbackground:url(http://www.apoints.com/sucai/UploadFiles_5610/200607/20060731102242883.gif) no-repeat} #m_links div.item a{color:#DA06F9font-size:15pxtext-decoration:none} #m_links div.item a:visited{color:#DA06F9} #m_links div.line{background:url(http://www.apoints.com/sucai/UploadFiles_5610/200607/20060731102147495.gif)line-height:30px} #m_links {background: url("http://bbs.muwen.com/fileuploaddir/55315129749.gif") repeat} #m_artclg div.item{filter: glow(color=#F9E3F5,strength=3)color:#FF11A0font-size:17pxfont-size:17pxline-height:30pxtext-indent:30pxbackground:url(http://www.apoints.com/sucai/UploadFiles_5610/200607/20060731102242883.gif) no-repeat} #m_artclg div.item a{color:#DA06F9font-size:15px} #m_artclg div.item a:visited{color:#DA06F9} #m_artclg div.line{background:url(http://www.apoints.com/sucai/UploadFiles_5610/200607/20060731102147274.gif)line-height:21px} #m_artclg {background: url("http://bbs.muwen.com/fileuploaddir/55315134733.gif") repeat} #mod_artclg{background:url(http://city.9sky.com/non-cgi/usr/27/27_4200_358.gif) no-repeat right bottom } #m_comment{ overflow-y:autoheight:1000px{scrollbar-face-color: #000000scrollbar-shadow-color: maroonscrollbar-highlight-color:#F9E3F5scrollbar-3dlight-color: #000000scrollbar-darkshadow-color:#000000scrollbar-arrow-color:#F9E3F5scrollbar-base-color: #000000scrollbar-track-color: #00000filter: chroma(color=#FFFFFF)} #m_comment{overflow-y:autoheight:730px} #m_comment div.item{filter: glow(color=#F9E3F5,strength=3)color:#FF11A0font-size:15pxfont-size:15pxline-height:30pxtext-indent:30pxbackground:url(http://www.apoints.com/sucai/UploadFiles_5610/200607/20060731102242883.gif) no-repeat}#m_comment div.item a{color:#DA06F9font-size:14px} #m_comment div.item a:visited{color:#DA06F9} #m_comment div.item a.cnt{filter: glow(color=#F9E3F5,strength=3)color:#FF11A0font-size:14pxfont-size:14pxtext-decoration:none} #m_comment div.item a.cnt:visited{color:#FF11A0text-decoration:none} #m_comment div.item a.cnt:hover{color:#FF11A0text-decoration:underline} #m_comment div.line{margin-top:3pxline-height:27pxbackground:url(http://www.apoints.com/sucai/UploadFiles_5610/200607/20060731102015887.gif) repeat-x} #mod_comment{background:url(http://www.bolizun.org/bolizun/sucai/pixel/hang/001/083.gif) no-repeat center} #m_comment {background: url("http://bbs.muwen.com/fileuploaddir/55315129749.gif") repeat}#mod_links.mod{background:url(

) no-repeatbackground-position:bottompadding-bottom: 120px} /**/#m_albumlist{background:url() repeat} #m_albumlist div.note{filter: glow(color=#F9E3F5,strength=3)color:#FF11A0font-size:12pxfont-size:12px} #m_albumlist div.desc{margin-bottom:12pxpadding:3px 10px 3px 10pxline-height:22pxbackground-color:#F9E3F5font-size:14px} #m_albumlist div.none{padding:100px 0 100px 0color:#FF11A0font-size:14px} #m_albumlist div.line{margin-top:10pxline-height:16pxborder-top:1px solid #DA06F9} #m_albumlist div.tit{filter: glow(color=#F9E3F5,strength=3)color:#FF11A0font-size:12pxfont-size:12px} #m_albumlist div.tit a{color:#FF11A0font-size:14px} #m_albumlist div.tit a:visited{color:#FF11A0} #m_albumlist span.count{color:#F9E3F5font-size:15pxfont-weight:bold} #m_albumlist span.size{color:#F9E3F5font-size:15pxfont-family:Arial} #m_albumlist a.act{color:#FF11A0font-size:15px} #m_albumlist a.act:visited{color:#FF11A0} #m_albumlist a.page{color:#FF11A0 font-size:14px} #m_albumlist a.page:visited{color:#FF11A0 } #m_albumlist td.image{padding:5pxborder:1px solid#F9E3F5background:#F9E3F5} #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:#FF11A0font-size:14px} #m_friend div.user{margin-top:4pxcolor:#F9E3F5font-size:12px} #m_friend div.user a{color:#FF11A0font-size:12px} #m_friend div.user a:visited{color:#FF11A0} #m_friend div.line{margin-top:10pxline-height:16pxborder-top:1px solid #FF11A0} #m_setting a{color:#FF11A0} #m_setting a:visited{color:#FF11A0} #m_setting{line-height:22pxcolor:#F9E3F5font-size:14px} #m_setting img.sel{border:4px solid #FF11A0} #m_setting img.unsel{border:1px solid #F9E3F5} #m_setting span.tit{font-size:14px} #in_comment{width:710px} #in_comment div.tit{margin-bottom:14pxcolor:#FF11A0font-size:14pxfont-weight:bold} #in_comment div.user{margin-bottom:6pxcolor:#FF11A0font-size:14px} #in_comment div.user a{color:#FAA511font-size:14px} #in_comment div.user a:visited{color:#FF11A0} #in_comment div.user span.date{color:#FF11A0font-size:14px} #in_comment div.desc{filter: glow(color=#F9E3F5,strength=3)color:#FF11A0font-size:16pxfont-size:16px} #in_send div.tit{margin:10px 0 10px 0color:#FF11A0font-size:14pxfont-weight:bold}#spBlogCmtText {border: 5px solid #FF11A0background:url(

)