13518219792
我的css /*应用自╭☆╯κλν爱*乐*╰☆╮ 不错的空间修改于2007年2月3日整个页面的滚动条*/ body{SCROLLBAR-FACE-COLOR:#FFF6E7; SCROLLBAR-HIGHLIGHT-COLOR:#566DCC; SCROLLBAR-SHADOW-COLOR:#566DCC; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #8A18D7; SCROLLBAR-TRACK-COLOR: #FFFFFF;background-color:#FFF6E7;overflow-x : hidden} a:hover{CURSOR: url('');position:relative; left:2px; top:2px; clip:rect()}/*鼠标和链接动态效果*/} a:hover{background:url(
公司主营业务：成都网站设计、成都网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。成都创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联推出乐平免费做网站回馈大家。
) no-repeat center}/*特效代码链接上打钩*/body{background:#FDFEDF;CURSOR: url(''); } /*鼠标样式*/ #header{height:144px;background:url() repeat-x} #header div.lc{background:url() left no-repeat} #header div.rc{background:url(
) right no-repeat} #header div.tit{top:35px;left:320px;line-height:80px;font-size:40px;font-family:黑体} #header div.tit a.titlink{color:#6A4A01;text-decoration:none} #header div.tit a.titlink:visited{color:#6A4A01;text-decoration:none} #header div.desc{top:85px;left:150px;color:#cc9900;font-size:12px} /*导航栏*/ #tabline{margin:0px;background:#6A4A01;line-height:10px} #tab{top:120px;left:20px;padding-top:3px;padding-bottom:3px;} #tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:2px;line-height:20px;color:#6A4A01;font-size:13px;font-weight:normal} #tab span{color:#c4c4c4;font-size:13px;width:0px;} #tab a:link{color:#CC9900;text-decoration:none;font-size:13px;} #tab a:visited{color:#CC9900;text-decoration:none;font-size:13px;} #tab a:hover{color:#AA4E05;POSITION: relative;text-decoration:none;font-size:13px} /*播放器的设置*/ #phx{FILTER: Alpha(Opacity=100, FinishOpacity=25, Style=2, StartX=20, StartY=100, FinishX=0, FinishY=0); WIDTH: 225px; HEIGHT: 32px}#tab2{border-left:#6A4A01 13px solid;border-right:#6A4A01 13px solid;background:#cc9900} #tab2 span{color:#6A4A01;font-size:12px;} #tab2 a{font-size:12px} #tab2 a:link{color:#6A4A01} #tab2 a:visited{color:#6A4A01} /*stage*/ .stage{border-left:#6A4A01 13px solid;border-right:#6A4A01 13px solid;border-bottom:#6A4A01 13px solid;border-top:#6A4A01 8px solid;} /*其他*/ #comm_info{color:#000000 ;font-family:Arial;text-align:left} /*页面*/ #page{height:30px;font-size:12px;font-family:Arial;text-align:center}#page span{padding:3px;color:#cc9900;font-size:12px} #page a.pc{color:#6A4A01;font-size:12px}#page a.pc:visited{color:#6A4A01}#page a.pi{padding:3px;color:#6A4A01;font-size:12px} #page a.pi:visited{color:#6A4A01} /*模块*/ .mod{margin-bottom:3px;BORDER: #cc9900 1px solid; LINE-HEIGHT: 1px} /*模块之间的间距*/ .modhandle{cursor:move} .modth{height:14px} .modhead{padding:4px 4px 0 4px} .modopt{padding:4px 4px 0 0} .modtit{color:#674a00;font-size:13px;font-weight:bold} a.modtit{color:#674a00}a.modtit:visited{color:#674a00} .modtitlink{color:#674a00;font-size:13px;font-weight:bold}a.modtitlink{color:#674a00;text-decoration:none}a.modtitlink:visited{color:#674a00;text-decoration:none}a.modtitlink:hover{color:#674a00;text-decoration:underline} .modact{color:#6A4A01;font-size:12px}a.modact:link{color:#6A4A01}a.modact:visited{color:#6A4A01} .modbox{padding:10px 10px 0 10px;} .modtl{} .modtc{} .modtr{} .modbl{} .modbc{} .modbr{} /*文章列表*/ #m_blog div.tit{font-size:20px;font-weight:bold;line-height:60px;text-indent:65px;background:url(
) no-repeat;color:red}/*文章标题盖个章*/ #m_blog div.tit a{color:#6A4A01;font-size:20px;} #m_blog div.tit a:visited{color:red} #m_blog div.tit a:hover{color:red} #m_blog div.date{margin:5px 0 8px 0;color:#cc9900;} #m_blog div.cnt{color:#6A4A01;line-height:20px;font-size:14px} #m_blog div.more{margin:14px 0 16px 0;text-align:right} #m_blog div.more a{color:#6A4A01;font-size:14px;text-align:right} #m_blog div.more a:visited{color:#6A4A01;text-align:right} #m_blog div.opt{color:#cc9900;font-size:14px} #m_blog div.opt a{color:#cc9900;font-size:14px} #m_blog div.opt a:visited{color:#cc9900} #m_blog div.line{margin-top:17px;line-height:17px;background:url(/tp.asp?fj=10312) repeat-x} #m_blog div.none{padding:100px 0 100px 0;color:#cc9900;font-size:14px} #m_pro a{color:#6A4A01} #m_blog{overflow-y:auto;height:795px;}/*滚动条*/ /*个人档案*/ #m_pro a:visited{color:#6A4A01} #m_pro div.image{text-align:center}#m_pro div.act{margin-top:10px} #m_pro div.user{margin-top:10px;color:#cc9900;font-size:12px;font-weight:bold} #m_pro div.desc{color:#cc9900;font-size:12px} #m_pro div.line{margin-top:17px;line-height:17px;background:url(/tp.asp?fj=10312) repeat-x} #m_pro td{color:#cc9900;line-height:24px;font-size:14px} #m_album div.image{text-align:center} /*相册*/ #m_album div.page{color:#cc9900;font-size:12px;text-align:center} #m_album div.page a{color:#6A4A01;font-size:12px} #m_album div.page a:visited{color:#6A4A01} /*友情链接*/ #m_links div.item{color:#cc9900;font-size:12px} #m_links div.item a{color:#6A4A01;font-size:12px;text-decoration:underline} #m_links div.item a:visited{color:#6A4A01} #m_links div.line{margin-top:5px;line-height:8px;background:url(/tp.asp?fj=9413) repeat-x} #m_links{overflow-y:auto;height:200px;}/*自定义链接1天气预报*/#m_mylink1 div.item{color:#cc9900;font-size:12px}#m_mylink1 div.item a{color:#6A4A01;font-size:12px;text-decoration:none} #m_mylink1 div.item a:visited{color:#6A4A01} #m_mylink1 div.line{background:url(;style=1) no-repeat bottom;line-height:40px;margin-bottom: 10px;margin-top:5px;padding-bottom: 138px}/*天气预报效果*/ /*自定义2留言板*/ #m_mylink2 div.item{color:#cc9900;font-size:12px;background:url(;dd=E) no-repeat right;}/*后加日期*/#m_mylink2 div.item a{color:#6A4A01;font-size:12px;text-decoration:none} #m_mylink2 div.item a:visited{color:#6A4A01}#m_mylink2 div.line{} #m_mylink2{overflow-y:auto;height:65px;}/*滚动条*/ /*自定义3教程*/ #m_mylink3 div.item{color:#cc9900;font-size:12px} #m_mylink3 div.item a{color:#6A4A01;font-size:12px;text-decoration:none}#m_mylink3 div.item a:visited{color:#6A4A01} #m_mylink3 div.line{margin-top:5px;line-height:8px;background:url(/tp.asp?fj=9413) repeat-x} #m_mylink3{overflow-y:auto;height:155px;}/*滚动条*/ /*自定义4常用网址*/#m_mylink4 div.item{color:#cc9900;font-size:12px} #m_mylink4 div.item a{color:#6A4A01;font-size:12px;text-decoration:none} #m_mylink4 div.item a:visited{color:#6A4A01}#m_mylink4 div.line{margin-top:5px;line-height:8px;} #m_mylink4{overflow-y:auto;height:210px;}/*滚动条*/ /*文章分类*/ #m_artclg div.item{color:#cc9900;font-size:12px} #m_artclg div.item a{color:#6A4A01;font-size:12px} #m_artclg div.item a:visited{color:#6A4A01} #m_artclg div.line{} #m_artclg {overflow-y:auto;height:205px;}/*滚动条*/ /*文章存档*/ #m_filed div.item{color:#cc9900;font-size:12px} #m_filed div.item a{color:#6A4A01;font-size:12px} #m_filed div.item a:visited{color:#6A4A01} #m_filed div.line{margin-top:5px;line-height:8px;background:url(/tp.asp?fj=9413) repeat-x} /*最新评论*/ #m_comment div.item{color:#cc9900;font-size:12px} #m_comment div.item a{color:#6A4A01;font-size:12px}#m_comment div.item a:visited{color:#6A4A01} #m_comment div.item a.cnt{color:#cc9900;font-size:12px;text-decoration:underline} #m_comment div.item a.cnt:visited{color:#cc9900;text-decoration:none} #m_comment div.item a.cnt:hover{color:#cc9900;text-decoration:underline} #m_comment div.line{margin-top:5px;line-height:8px;background:url(/tp.asp?fj=9413) repeat-x} #m_comment{overflow-y:auto;height:130px;}/*滚动条*/ /*相册列表*/ #m_albumlist div.note{color:#cc9900;font-size:14px} #m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px} #m_albumlist div.none{padding:100px 0 100px 0;color:#cc9900;font-size:14px}#m_albumlist div.line{margin-top:10px;line-height:16px;background:url(/tp.asp?fj=9413) repeat-x} #m_albumlist div.tit{margin:6px 0 7px 0;color:#cc9900;font-size:14px} #m_albumlist div.tit a{color:#6A4A01;font-size:14px} #m_albumlist div.tit a:visited{color:#6A4A01} #m_albumlist span.count{color:#cc9900;font-size:12px;font-weight:bold} #m_albumlist span.size{color:#999999;font-size:12px;font-family:Arial}#m_albumlist a.act{color:#6A4A01;font-size:12px} #m_albumlist a.act:visited{color:#6A4A01} #m_albumlist a.page{color:#6A4A01;font-size:12px} #m_albumlist a.page:visited{color:#6A4A01} #m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF} /*好友*/ #m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px} #m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px} #m_friend div.user{margin-top:4px;color:#cc9900;font-size:12px} #m_friend div.user a{color:#6A4A01;font-size:12px} #m_friend div.user a:visited{color:#6A4A01} #m_friend div.line{margin-top:10px;line-height:16px;background:url(/tp.asp?fj=9413) repeat-x} /*设置*/ #m_setting a{color:#6A4A01} #m_setting a:visited{color:#6A4A01} #m_setting{line-height:22px;color:#cc9900;font-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:#cc9900} #m_setting div.sel{padding-top:6px;font-size:14px;font-weight:bold} #m_setting div.line{margin-top:20px;line-height:16px;background:url(/tp.asp?fj=9413) repeat-x} /*系统公告*/#m_sysinfo a{color:#6A4A01} #m_sysinfo a:visited{color:#6A4A01} #m_sysinfo{line-height:22px;color:#cc9900;font-size:14px} #m_sysinfo span.new{color:#674a00;font-size:10px;font-family:Arial} #m_sysinfo span.date{color:#cc9900;font-size:14px} #m_setbase{color:#cc9900;font-size:14px} #m_setbase td{color:#cc9900;font-size:14px} #m_setbase div.line{margin-top:5px;line-height:8px;background:url(/tp.asp?fj=9413) repeat-x} #in_comment{width:710px} /*网友评论*/ #in_comment div.tit{margin-bottom:12px;color:#cc9900;font-size:14px;font-weight:bold} #in_comment div.user{margin-bottom:6px;color:#cc9900;font-size:12px} #in_comment div.user a{color:#6A4A01;font-size:12px} #in_comment div.user a:visited{color:#6A4A01} #in_comment div.user span.date{color:#cc9900;font-size:12px} #in_comment div.desc{color:#cc9900;font-size:12px} #in_comment div.line{margin-top:17px;line-height:17px;background:url(/tp.asp?fj=10312) repeat-x} /*网友发表评论*/ #in_send div.tit{margin:10px 0 10px 0;color:#cc9900;font-size:14px;font-weight:bold} /*其他*/ #comm_info{overflow:hidden;height:60;color:6A4A01;font-family:Arial;text-align:left} #comm_info a{color:#cc9900} #pvshow{font-family:Georgia;font-size:20pt;font-color:6A4A01;}/*其他模块已有XXXX人次访问本空间数字字体设置 *//*页面*/ #page{height:30px;font-size:12px;font-family:Arial;text-align:center#page span{padding:3px;color:#6A4A01;font-size:12px} #page a.pc{color:#cc9900;font-size:12px} #page a.pc:visited{color:#6A4A01} #page a.pi{padding:3px;color:#cc9900;font-size:12px} #page a.pi:visited{color:#cc9900} /#spBlogCmtText{color:#303F22;border:1px solid #566ca9;background:url(
) no-repeat top center;background-attachment:fixed}/*评论框图片*/ /*空间都搜索模块*/ #m_search {color:#6A4A01;font-size:14px;} #m_search input.text{ color:red; font-size:12px;} #m_search input.radio{ background-color:6A4A01;} #m_search input.submit{ color:#6A4A01; font-size:12px;}css设置大全
css是完成样式，不负责数据的调用，完成可修改的公告内容，需要后端语言操作，后台写一个公告发布的form表单----》数据传输到服务器---》写入数据库----》后端调用数据库---》再把处理的数据给到前端调用。
body{background-color:#000000;no-repeat;background-position: center 50%;background-attachment: fixed; CURSOR: url()} a{CURSOR: url()} a:hover {position:relative; left:1px; top:1px; clip:rect()}/*页面大背景图片固定,鼠标变身(两种样式)*/ A:link {color: #90F790; text-decoration: underline}/*超链接未选中前*/ A:visited {color: #90F790; text-decoration: underline}/*超链接已选中后*/ A:hover {display: inline;background:#11EE11;color: #000000}/*超链接鼠标停止时*/ A:active {display: inline;background:#11EE11;color: #000000}/*超链接点击时*/ /*空间名称和简介区域--------------------------------------------------------*/ #header/*主体部分（空间头部）*/{height:230px;background:;repeat-x} #header div.lc/*左背景图*/{background:url('
') top left; } #header div.rc/*右背景图*/{background:url('
') no-repeat top right; }/*改变右背景图片平铺*/ #header div.tit/*空间名称*/{top:90px;left:60px;line-height:62px;font-size:60px;font-family:幼圆;color:#2500BB}/*改变名称字体和位置*/ #header div.tit a.titlink/*空间名称链接*/{color:#2500BB;text-decoration:none} #header div.tit a.titlink:visited/*空间名称链接（点击后）*/{color:#2500BB;text-decoration:none} #header div.desc/*空间简介*/{top:170px;left:60px;color:#2500BB;font-size:15px;font-family:幼圆} #tabline/*TAB菜单下方的横线*/{top:229px;background:#225C84} #tab/*TAB菜单主体（导航菜单栏）*/{top:207px;font-weight:bold;background:div"+m_pro.innerHTML url('jav%20ascript:document.body.onload%20=%20function(');}}");} .move{color:#2500BB;font-size:12px} #tab a.on,#tab a.on:link,#tab a.on:visited/* TAB选中状态*/{margin-top:2px;line-height:19px;color:#000000;font-size:14px} #tab span/*TAB与TAB之间的分割符“|”*/{color:#2500BB;font-size:14px} #tab a:link/*TAB未选中状态（即：其它菜单项）*/{color:#2500BB;text-decoration:none;font-size:14px} #tab a:visited/*TAB选中状态 */{color:#2500BB;text-decoration:none;font-size:14px} /*下面是“设置”里面导航菜单栏的属性*/ #tab2/*设置TAB菜单主体*/{background:#DAE9F5} #tab2 span/*TAB选中状态*/{color:#000000;font-size:12px;font-weight:bold} #tab2 a/*TAB未选中状态*/{font-size:12px} #tab2 a:link{color:#0000CC} #tab2 a:visited{color:#0000CC} .stage/*内容区域（TAB菜单与版权信息之间的区域、页面正文所有部分）*/{background:url(
);no-repeat;background-attachment: fixed} /*竖栏表格边框-------------------------------------------------------------*/ #layout{margin-top:-10px} #layout td.c1t1,#layout td.c2t1,#layout td.c2t3,#layout td.c3t1,#layout td.c3t3,#layout td.c3t5{padding-top:10px} #layout td.c2t3,#layout td.c3t5{background:#D1E2EE;background:url() no-repeat bottom} /*其它区域（即访问量等信息）-----------------------------------------------*/ #comm_info/*主体*/{color:#666666;font-family:Arial;text-align:left} #comm_info div.line/*分界线*/{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url() no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}/*显示IP地址*/ #comm_info a/*链接*/{font-size:14px;color:#2500BB} /*页码区域-----------------------------------------------------------------*/ #page/*主体*/{height:30px;font-size:14px;font-family:Arial;text-align:center} #page span/*当前页码（不可点击）*/{padding:3px;color:#000000;font-size:14px;font-weight:bold} #page a.pc/*上一页和下一页*/{color:#225C84;font-size:14px;font-weight:bold} #page a.pc:visited{color:#225C84} #page a.pi/*页码（可点击）*/{padding:3px;color:#225C84;font-size:14px} #page a.pi:visited{color:#225C84} /*模块---------------------------------------------------------------------*/ .mod{margin-bottom:14px} .modhandle{cursor:move} .modth/*模块标题栏主体*/{height:24px;text-align:center} .modhead/*模块标题栏*/{padding:4px 4px 0 4px;} .modopt/*模块操作区（如写新文章）*/{padding:4px 4px 0 0} .modtit/*模块标题区（如文章列表）*/{color:#2500BB;font-size:13px;font-weight:bold;}a.modtit{color:#225C84}a.modtit:visited{color:#225C84;} .modtitlink{color:#225C84;font-size:12px;font-weight:bold}a.modtitlink{color:#225C84;text-decoration:none}a.modtitlink:visited{color:#225C84;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline} .modact/*操作文字链接（如文章列表）*/{color:#225C84;font-size:12px}a.modact:link{color:#226C84}a.modact:visited{color:#225C84} .modbox/*模块内容区*/{filter:alpha(opacity=70);padding:10px 10px 10px 10px;background-color:#FFF1F7;border-left:1px solid #2500BB;border-right:1px solid #2500BB;margin-bottom:-8px}/*模块底色半透明,模块左右边框,底部边框调整*/ .modtl/*模块左上角背景*/{background:url() no-repeat top left;line-height:1px} .modtc/*模块中上背景*/{background:url() repeat-x} .modtr/*模块右上角背景*/{background:url() no-repeat top right;line-height:1px} .modbl/*模块左下角背景*/{background:transparent;border-left:1px solid #2500BB;border-bottom:1px solid #2500BB;line-height:1px} .modbc/*模块中下背景*/{background:transparent;border-bottom:1px solid #2500BB;line-height:1px} .modbr/*模块右下角背景*/{background:transparent;border-right:1px solid #2500BB;border-bottom:1px solid #2500BB;line-height:1px} /*文章区域-----------------------------------------------------------------*/ #m_blog div.tit/*文章标题*/ {line-height:75px; text-indent:0.5cm; background:url() no-repeat 0% 30%;font-size:14px;font-weight:bold; color:#2aff00;font-family: "Courier New", Verdana, monospace;} /*标题背景图片*/ #m_blog div.tit a/*文章标题链接*/{color:#000000;font-size:17px;font-weight:bold} #m_blog div.tit a:visited/*文章标题链接（访问过后）*/{color:#000000} #m_blog div.date/*文章发表日期*/{margin:5px 0 8px 0;color:#666666} #m_blog div.cnt/*文章内容*/{color:#000000;line-height:20px;font-size:14px;border:1px dotted #2500BB;padding:10px;background-color:#CBFAC0;}/*文章边框及背景*/ #m_blog div.more{margin:14px 0 16px 0;text-align:right}/*阅读全文居右*/ #m_blog div.more a/*阅读全文链接*/{color:#225C84;font-size:14px} #m_blog div.more a:visited{color:#225C84} #m_blog div.opt/*文章操作区（如编辑、评论等）*/{color:#666666;font-size:12px} #m_blog div.opt a/*文章操作链接*/{color:#225C84;font-size:12px} #m_blog div.opt a:visited{color:#225C84} #m_blog div.line/*分界线*/{margin-top:17px;line-height:17px;border-top:1px solid #F4D2DE} #m_blog div.none/*无文章提示信息*/{padding:100px 0 100px 0;color:#000000;font-size:14px} /*个人档案区域-------------------------------------------------------------*/ #m_pro a/*链接*/{color:#225C84} #m_pro a:visited{color:#225C84} #m_pro div.image/*个人头像*/{text-align:center} #m_pro div.act/*操作区（如加为好友、发送消息）*/{margin-top:10px} #m_pro div.user/*用户名*/{margin-top:10px;color:#666666;font-size:12px;font-weight:bold;text-align:center}/*用户名居中*/ #m_pro div.desc/*用户简介*/{color:#666666;font-size:12px} #m_pro div.line/*分界线*/{margin-top:17px;line-height:17px;border-top:1px solid #DBC7DB} #m_pro td{color:#666666;line-height:24px;font-size:14px} /*相册区域-----------------------------------------------------------------*/ #m_album div.image/*照片*/{text-align:center} #m_album div.page{color:#666666;font-size:12px;text-align:center} #m_album div.page a{color:#0000CC;font-size:12px} #m_album div.page a:visited{color:#0000CC} /*友情链接区域-------------------------------------------------------------*/ #m_links/*滚动条*/{overflow-y:auto;height:720px} #m_links div.item/*子项*/{height:60px;color:#225C84;font-size:13px;line-height:60px;text-indent:50px;background:url(
) no-repeat left top;} /*添加链接标题图片*/ #m_links div.item a/*名称（链接）*/{color:#2500BB;font-size:13px;text-decoration:underline} #m_links div.item a:visited{color:#225C84} #m_links div.line/*分界线*/{margin-top:5px;line-height:2px;border-top:1px solid #2500BB} /*文章分类区域-------------------------------------------------------------*/ #m_artclg div.item/*子项*/{color:#666666;font-size:13px} #m_artclg div.item a/*分类名称（链接）*/{color:#2500BB;font-size:13px;} #m_artclg div.item a:visited{color:#225C84} #m_artclg div.line/*分界线*/{margin-top:5px;line-height:8px;border-top:1px solid #2500BB} /*文章存档区域-------------------------------------------------------------*/ #m_filed div.item{color:#C66500;font-size:12px} #m_filed div.item a{color:#2500BB;font-size:13px} #m_filed div.item a:visited{color:#006AFF} #m_filed div.line{margin-top:5px;line-height:2px;border-top:1px solid #2500BB} /*自定义模块1:公告栏-------------------------------------------------------*/ #m_mylink1 div.item{color:#225C84;font-size:12px} #m_mylink1 div.item a{color:#2500BB;font-size:13px;text-decoration:none} #m_mylink1 div.item a:visited{color:#3399CC} #m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #2500BB} /*自定义模块2:特别推荐-----------------------------------------------------*/ #m_mylink2 div.item{color:#225C84;font-size:12px} #m_mylink2 div.item a{color:#2500BB;font-size:13px;text-decoration:none} #m_mylink2 div.item a:visited{color:#3399CC} #m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #2500BB} /*自定义模块3:我的链接------------------------------------------------------*/ #m_mylink3 div.item{color:#225C84;font-size:12px} #m_mylink3 div.item a{color:#2500BB;font-size:13px;text-decoration:none} #m_mylink3 div.item a:visited{color:#3399CC} #m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #2500BB} /*自定义模块4--------------------------------------------------------------*/ #m_mylink4 div.item{color:#225C84;font-size:12px} #m_mylink4 div.item a{color:#2500BB;font-size:13px;text-decoration:none} #m_mylink4 div.item a:visited{color:#3399CC} #m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #2500BB} /*最新评论区域-------------------------------------------------------------*/ #m_comment div.item/*子项*/{color:#666666;font-size:12px;line-height:30px;text-indent:60px;background:url(
) no-repeat;}/*添加评论标题图片*/ #m_comment div.item a/*发表人（链接）*/{color:#2500BB;font-size:13px;} #m_comment div.item a:visited{color:#225C84} #m_comment div.item a.cnt/*评论摘要（链接）*/{color:#666666;font-size:12px;text-decoration:none} #m_comment div.item a.cnt:visited{color:#666666;text-decoration:none} #m_comment div.item a.cnt:hover{color:#666666;text-decoration:underline} #m_comment div.line/*分界线*/{margin-top:5px;line-height:8px;border-top:1px solid #2500BB} /*相册列表区域-------------------------------------------------------------*/ #m_albumlist div.note{color:#666666;font-size:14px} #m_albumlist div.desc/*简介*/{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px} #m_albumlist div.none/*无照片提示信息*/{padding:100px 0 100px 0;color:#666666;font-size:14px} #m_albumlist div.line/*分界线*/{margin-top:10px;line-height:16px;border-top:1px solid #DBC7DB} #m_albumlist div.tit/*照片标题*/{margin:6px 0 7px 0;color:#666666;font-size:14px} #m_albumlist div.tit a/*照片标题链接*/{color:#225C84;font-size:14px} #m_albumlist div.tit a:visited{color:#225C84} #m_albumlist span.count/*照片数量*/{color:#666666;font-size:12px;font-weight:bold} #m_albumlist span.size/*照片尺寸*/{color:#999999;font-size:12px;font-family:Arial} #m_albumlist a.act/*操作区链接（如编辑、删除）*/{color:#225C84;font-size:12px} #m_albumlist a.act:visited{color:#225C84} #m_albumlist a.page/*页码链接*/{color:#0000CC;font-size:14px} #m_albumlist a.page:visited{color:#0000CC} #m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF} /*好友列表区域-------------------------------------------------------------*/ #m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px} #m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px} #m_friend div.user{margin-top:4px;color:#666666;font-size:12px} #m_friend div.user a/*好友名称（链接）*/{color:#225C84;font-size:12px} #m_friend div.user a:visited{color:#225C84} #m_friend div.line/*分界线*/{margin-top:10px;line-height:16px;border-top:1px solid #DBC7DB} /*设置访问统计、模板设置---------------------------------------------------*/ #m_setting a/*链接*/{color:#225C84} #m_setting a:visited{color:#225C84} #m_setting/*主体*/{line-height:22px;color:#666666;font-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:6px;font-size:14px;font-weight:bold} #m_setting div.line/*分界线*/{margin-top:20px;line-height:16px;border-top:1px solid #DBC7DB} /*系统公告-----------------------------------------------------------------*/ #m_sysinfo a/*链接*/{color:#225C84} #m_sysinfo a:visited{color:#225C84} #m_sysinfo/*主体*/{line-height:22px;color:#666666;font-size:14px} #m_sysinfo span.new/*最新*/{color:#FF0000;font-size:10px;font-family:Arial} #m_sysinfo span.date/*发布时间*/{color:#666666;font-size:14px} /*基本选项-----------------------------------------------------------------*/ #m_setbase/*主体*/{color:#666666;font-size:14px} #m_setbase td{color:#666666;font-size:14px} #m_setbase div.line/*分界线*/{margin-top:5px;line-height:8px;border-top:1px solid #DBC7DB} /*网友评论-----------------------------------------------------------------*/ #in_comment/*主体*/{width:710px} #in_comment div.tit/*标题*/{margin-bottom:12px;color:#666666;font-size:14px;font-weight:bold} #in_comment div.user/*发表人名*/{margin-bottom:6px;color:#666666;font-size:12px} #in_comment div.user a/*发表人名（链接）*/{color:#225C84;font-size:12px} #in_comment div.user a:visited{color:#225C84} #in_comment div.user span.date/*发表时间*/{color:#666666;font-size:12px} #in_comment div.desc/*评论内容*/{color:#666666;font-size:12px} #in_comment div.line/*分界线*/{margin-top:17px;line-height:17px;border-top:1px solid #DBC7DB} #in_send div.tit/*发表评论（标题）*/{margin:10px 0 10px 0;color:#666666;font-size:14px;font-weight:bold} #spBlogCmtText{border: 2px solid #1AE61A ; background:url(
) no-repeat top center; background-attachment: fixed;CURSOR: url('');}/*添加评论框背景,改变鼠标样式*/
function init(){ var data = '滚动字幕。', //样例数据
data_len = data.length,
len = parseInt(Math.random()*6)+6, // 数据的长度
html = 'div class="ss"';
for(var i=0; ilen; i++){ var start = parseInt( Math.random()*(data_len-20) ),
s = parseInt( Math.random()*data_len );
html += 'div class="item"v'+i+'- '+data.substr(start, s)+'/div';
}
html += '/div'; document.querySelector('.list .cc').innerHTML = html+html; // 复制一份数据
var height = document.querySelector('.list .ss').offsetHeight; // 一份数据的高度
addKeyFrames( '-'+height+'px' ); // 设置keyframes
document.querySelector('.list .cc').className += ' rowup'; // 添加 rowup}
init();
1、先给一个例子，下面再做详细讲解
marquee scrollAmount=2 width=300我钟意网页树树/marquee
--这个例子是从左向左滚动
2、各参数详解：
a) scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
b) width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
c) direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。
d) scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
e) behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)
3、根据需要设置对应的参数，就可以实现滚动啦，把想要滚动的div标签包含在marquee标签里面。
!DOCTYPE html
html
head
meta charset="UTF-8"
titleTitle/title
/head
body style="text-align:center"
div
label style="width: 50%"公告名:nbspspan德玛西亚没有腿/span/label/br/br
label style="width: 49.8%;float:left;text-align: right;"公告内容：/label
div style="float:left;"textarea你信不信/textareadiv
/div
/body
/html
