JCMS单元设参统一样式规范V20Word文档下载推荐.docx
《JCMS单元设参统一样式规范V20Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《JCMS单元设参统一样式规范V20Word文档下载推荐.docx（24页珍藏版）》请在冰豆网上搜索。
3.4短标题无缝上下滚动10
4标题链接AJAX分页11
4.1AJAX分页含下划线与日期11
4.2AJAX分页图片新闻11
5当前位置12
5.1当前位置单箭头12
5.2当前位置双箭头12
6图片新闻（自动判断信息无图片信息不显示）12
6.1Flash图片新闻切换12
6.2图片新闻无缝滚动（可以控制方向）13
6.3图片新闻列表（标题控制字数）15
6.4图片新闻右侧显示摘要16
7文章正文17
7.1正文样式（含图片新闻、副标题、日期、作者、来源、浏览次数、字号、打印本页、关闭窗口、评论）17
7.2正文样式（不含图片新闻，含副标题、日期、作者、来源、浏览次数、字号、打印本页、关闭窗口、评论）18
7.3单信息栏目正文样式19
7.4WMV视频播放文章样式（含正文）19
7.5FLV视频播放文章样式（只支持视频链接，不支持上传）22
8多栏目信息23
8.1多信息带栏目名称和日期23
前言
本文描述的样式，为项目实施过程单元设参的“常规和常用样式”，动态单元样式为JCMS2.5以上版本使用（JCMS2.4的样式请参考本规范V1.1文档），并集成到JCMS2.5系统中，个性化样式不在本文描述范围内，如发现本文遗漏某些“常规和常用样式”，请及时反馈。
注意事项
1、本文中的标准样式请配合公司统一的（UTF-8格式）CSS文件使用，否则会出现样式问题。
2、样式中出现的点“·
”，如果黏贴到JCMS系统中有所改变，请重新在中文状态下输入“·
”，保证其最终效果与本文描述一致。
3、每个样式都有“注意事项”，请仔细阅读。
代码中“标注颜色”的部分一般是需要注意修改的参数。
静态单元样式
1常用静态单元
1.1天气预报
表现形式：
注意事项：
常用样式。
显示客户端机器所在城市的天气预报。
请不要每个页面都调用天气预报，一般只有首页显示天气预报。
更多的天气预报样式可以到
iframemarginwidth="
0"
marginheight="
src="
frameborder="
width="
100%"
scrolling="
no"
height="
20"
allowtransparency="
allowtransparency"
>
/iframe>
1.2当前日期及星期样式
主要用于首页当前日期和星期的显示（调用的是客户端时间，即本机的时间）。
scriptlanguage=javascript>
functioninitArray（）
{for（i=0;
i<
initArray.arguments.length;
i++）
this[i]=initArray.arguments[i];
}
varisnMonths=newinitArray（"
1"
"
2"
3"
4"
5"
6"
7"
8"
9"
10"
11"
12"
）;
varisnDays=newinitArray（"
星期日"
星期一"
星期二"
星期三"
星期四"
星期五"
星期六"
today=newDate（）;
hrs=today.getHours（）;
min=today.getMinutes（）;
sec=today.getSeconds（）;
clckh="
"
+（（hrs>
12）?
hrs-12:
hrs）;
clckm=（（min<
10）?
:
）+min;
clcks=（（sec<
）+sec;
clck=（hrs>
=12）?
下午"
上午"
;
varstnr="
varns="
0123456789"
vara="
functiongetFullYear（d）
{yr=d.getYear（）;
if（yr<
1000）yr+=1900;
returnyr;
document.write（"
+getFullYear（today）+"
年"
+isnMonths[today.getMonth（）]+"
月"
+today.getDate（）+"
日"
+isnDays[today.getDay（）]+"
/script>
1.3设为首页
主要用于首页的顶部，红色部分为需要修改的网址。
astyle="
cursor:
pointer;
font-size:
12px;
onClick="
varstrHref=window.location.href;
this.style.behavior='
url（#default#homepage）'
this.setHomePage（'
'
设为首页<
/a>
1.4加入收藏
主要用于首页的顶部，红色部分为需要修改的网站名称与网址。
ahref="
javascript:
window.external.addFavorite（'
'
门户网站'
加入收藏<
动态单元样式
2栏目链接
1
2
2.1
2.1栏目名称（不带链接）
主要用于“单个栏目标识”。
可修改Style样式，或者调用CSS样式，如“bt_link”、“bt_content”，以符合实际的设计稿。
!
--for-->
spanstyle="
color:
#FFFFFF;
font-size:
10.5pt;
font-weight:
bolder;
--columnname-->
/span>
--/for-->
2.2栏目名称（带链接）
可修改Style样式，或者调用CSS样式，如“white”以符合实际的设计稿。
href="
--columnurl-->
class="
white"
2.3更多样式（带链接）
主要用于“单个栏目链接”。
可在“class”里写CSS.CSS样式文件里的样式名，如“bt_link”、“bt_content”、“white”等，以符合实际的设计稿。
更多>
2.4栏目名称带前缀多行多列显示
一般在栏目页使用，显示同级栏目名称，带链接，前缀为黑点，必须是2列以上。
“class样式名规则”同上。
font-family:
宋体;
·
bt_link"
2.5栏目名称带前缀多行一列显示
一般用于首页、栏目页中的子栏目链接列表显示。
可根据实际情况调整“align”，可以居中、居左。
tablecellpadding="
cellspacing="
align="
center"
border="
tr>
tdwidth="
18"
--colunmheader-->
/td>
td>
/tr>
/table>
3标题链接
3
3.1
3.1短标题不含日期
主要用于首页、频道页的栏目文章标题显示，也用于“底层栏目页”的“非当前栏目”文章标题显示。
--subfor-->
ahref='
--articleurl-->
class='
bt_link'
title='
--articletitle-->
target=_blank>
--articletitleshort-->
br>
--/subfor-->
3.2短标题含日期
主要用于首页、频道页的栏目文章标题显示。
如图“工作动态”、“通知通告”。
>
title="
target="
_blank"
55"
[<
--month2-->
-<
--day2-->
]<
3.3短标题含日期下划线
如图“重要会议”、“通知通告”。
<
tdclass="
bt_unline"
•<
3.4短标题无缝上下滚动
不常用样式。
主要用于首页、频道页的公告类标题显示。
“class样式名规则”同上。
divid="
gg"
style="
overflow:
hidden;
height:
100px;
width:
100%;
#ffffff;
gg1"
tablewidth="
cellpadding="
&
nbsp;
/div>
gg2"
scripttype="
text/javascript"
varspeed=60
gg2.innerHTML=gg1.innerHTML
functionMarquee（）{
if（gg2.offsetTop-gg.scrollTop<
=0）
gg.scrollTop-=gg1.offsetHeight
else{
gg.scrollTop++
varMyMar=setInterval（Marquee,speed）
gg.onmouseover=function（）{clearInterval（MyMar）}
gg.onmouseout=function（）{MyMar=setInterval（Marquee,speed）}
4标题链接AJAX分页
4.1AJAX分页含下划线与日期
主要用于通用栏目页的文章标题列表。
tdheight="
30"
bt_content"
80"
--year4-->
divstyle="
border-top:
1pxdashed#cccccc;
height:
1px;
overflow:
4.2AJAX分页图片新闻
主要用于图片新闻栏目页显示。
240"
160"
tdalign="
padding:
2px;
border:
#ccccccsolid1px"
--if-->
--articleimage-->
imgsrc="
--/if-->
5当前位置
4
4.1
5.1当前位置单箭头
要注意字数的控制。
tablecellspacing="
--weburl-->
首页<
5.2当前位置双箭头
6图片新闻（自动判断信息无图片信息不显示）
5
5.1
6.1Flash图片新闻切换
设置为多行1列。
主要用于首页，flash的高度和宽度可调整。
注意标题字数控制。
--checkvalid-->
--/checkvalid-->
var_width=259;
var_height=220;
vartext_height=22;
varflash_height=_height+text_height;
varpic_arr=newArray（）;
varlink_arr=newArray（）;
vartext_arr=newArray（）;
vari=0;
pic_arr[i]="
link_arr[i]="
text_arr[i]="
i++;
varp=pic_arr.join（"
|"
varl=link_arr.join（"
vart=text_arr.join（"
varf="
/jcms/jcms_files/jcms1/web1/site/flash/-1/slideshow.swf"
document.write（'
objectID="
focus_flash"
classid="
clsid:
d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="
+_width+'
+flash_height+'
paramname="
allowScriptAccess"
value="
sameDomain"
movie"
+f+'
quality"
high"
bgcolor"
menu"
false"
paramname=wmodevalue="
transparent"
FlashVars"
pics='
+p+'
links='
+l+'
texts='
+t+'
borderwidth='
+_width+'
borderheight='
+_height+'
textheight='
+text_height+'
embedID="
wmode="
opaque"
FlashVars="
menu="
quality="
allowScriptAccess="
type="
application/x-shockwave-flash"
pluginspage="
/>
/object>
6.2图片新闻无缝滚动（可以控制方向）
设置为多行1列（设置为几行就显示几条信息）。
请替换左右箭头图片。
21"
left"
inputtype="
image"
13"
44"
向左"
onclick="
changeRedirect（0）"
demo"
width:
585px;
0pxsolidblue"
demo1"
TABLE>
TR>
TDalign="
border:
#CEC2C2solid1px;
139px;
89px;
pad
升级会员 