JCMS单元设参统一样式规范V20.docx

JCMS单元设参统一样式规范V20.docx

《JCMS单元设参统一样式规范V20.docx》由会员分享，可在线阅读，更多相关《JCMS单元设参统一样式规范V20.docx（24页珍藏版）》请在冰豆网上搜索。

JCMS单元设参统一样式规范V20

JCMS单元设参统一样式规范

南京大汉网络有限公司

2010年12月

修订历史记录

日期

版本

说明

编制人

审核人

<2008-4-30>

V1.0

初始版本

刘剑平、陈健

刘剑平

<2009-2-15>

V1.1

增加“标题链接AJAX分页”样式及“标题链接（分页）的说明”

韩金龙

刘剑平

<2010-12-10>

V2.0

重新整理并在JCMS2.5中验证

陈勇、于留宝

韩金龙

目录

前言5

注意事项5

静态单元样式5

1常用静态单元5

1.1天气预报5

1.2当前日期及星期样式6

1.3设为首页6

1.4加入收藏7

动态单元样式7

2栏目链接7

2.1栏目名称（不带链接）7

2.2栏目名称（带链接）7

2.3更多样式（带链接）7

2.4栏目名称带前缀多行多列显示8

2.5栏目名称带前缀多行一列显示8

3标题链接8

3.1短标题不含日期8

3.2短标题含日期9

3.3短标题含日期下划线9

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天气预报

表现形式：

注意事项：

常用样式。

显示客户端机器所在城市的天气预报。

请不要每个页面都调用天气预报，一般只有首页显示天气预报。

更多的天气预报样式可以到

1.2当前日期及星期样式

表现形式：

注意事项：

常用样式。

主要用于首页当前日期和星期的显示（调用的是客户端时间，即本机的时间）。

functioninitArray（）

{for（i=0;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）?

"0":

""）+min;clcks=（（sec<10）?

"0":

""）+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（）]+""）;

1.3设为首页

注意事项：

常用样式。

主要用于首页的顶部，红色部分为需要修改的网址。

pointer;font-size:

12px;"onClick="varstrHref=window.location.href;this.style.behavior='url（#default#homepage）';this.setHomePage（''）;">设为首页

1.4加入收藏

注意事项：

常用样式。

主要用于首页的顶部，红色部分为需要修改的网站名称与网址。

window.external.addFavorite（'','门户网站'）;">加入收藏

动态单元样式

2栏目链接

1

2

2.1

2.1栏目名称（不带链接）

表现形式：

注意事项：

常用样式。

主要用于“单个栏目标识”。

可修改Style样式，或者调用CSS样式，如“bt_link”、“bt_content”，以符合实际的设计稿。

--for-->

#FFFFFF;font-size:

10.5pt;font-weight:

bolder;">

--columnname-->

--/for-->

2.2栏目名称（带链接）

表现形式：

注意事项：

常用样式。

主要用于“单个栏目标识”。

可修改Style样式，或者调用CSS样式，如“white”以符合实际的设计稿。

--for-->

10.5pt;font-weight:

bolder;"href="

--columnurl-->"class="white">

--columnname-->

--/for-->

2.3更多样式（带链接）

表现形式：

注意事项：

常用样式。

主要用于“单个栏目链接”。

可在“class”里写CSS.CSS样式文件里的样式名，如“bt_link”、“bt_content”、“white”等，以符合实际的设计稿。

--for-->

--columnurl-->"class="white">更多>>

--/for-->

2.4栏目名称带前缀多行多列显示

表现形式：

注意事项：

常用样式。

一般在栏目页使用，显示同级栏目名称，带链接，前缀为黑点，必须是2列以上。

“class样式名规则”同上。

--for-->

宋体;">·

--columnurl-->"class="bt_link">

--columnname-->

--/for-->

2.5栏目名称带前缀多行一列显示

表现形式：

注意事项：

常用样式。

一般用于首页、栏目页中的子栏目链接列表显示。

可根据实际情况调整“align”，可以居中、居左。

“class样式名规则”同上。

--for-->

--colunmheader-->

--columnurl-->"class="bt_link">

--columnname-->

--/for-->

3标题链接

3

3.1

3.1短标题不含日期

表现形式：

注意事项：

常用样式。

主要用于首页、频道页的栏目文章标题显示，也用于“底层栏目页”的“非当前栏目”文章标题显示。

“class样式名规则”同上。

--subfor-->·

--articleurl-->'class='bt_link'title='

--articletitle-->'target=_blank>

--articletitleshort-->

--/subfor-->

3.2短标题含日期

表现形式：

注意事项：

常用样式。

主要用于首页、频道页的栏目文章标题显示。

如图“工作动态”、“通知通告”。

“class样式名规则”同上。

--subfor-->·

--articleurl-->"class="bt_link"title="

--articletitle-->"target="_blank">

--articletitleshort-->[

--month2-->-

--day2-->]

--/subfor-->

3.3短标题含日期下划线

表现形式：

注意事项：

常用样式。

主要用于首页、频道页的栏目文章标题显示。

如图“重要会议”、“通知通告”。

“class样式名规则”同上。

--subfor-->•

--articleurl-->"class="bt_link"title="

--articletitle-->"target="_blank">

--articletitleshort-->

[

--month2-->-

--day2-->]

--/subfor-->

3.4短标题无缝上下滚动

表现形式：

注意事项：

不常用样式。

主要用于首页、频道页的公告类标题显示。

“class样式名规则”同上。

hidden;height:

100px;width:

100%;color:

#ffffff;">

--subfor-->•

--articleurl-->"class="bt_link"target="_blank">

--articletitleshort-->  [

--month2-->-

--day2-->]

--/subfor-->